How to Concatenate Strings in JavaScript ?
String concatenation refers to combining multiple strings into a single string. This operation is commonly used in programming to create dynamic strings by joining text fragments or variables.
Approaches to Concate String in JavaScript:
Table of Content
- Using String concat() Method
- Using JavaScript + Operator
- Using JavaScript Array join() Method
- Using Template Literals (Template Strings)
Using String concat() Method
The concat() method is used to join two or more strings without changing the original strings and returning a new string.
Syntax:
str1.concat( str2, str3, . . . , strN )
Example: In this example, we will concat the given string using the strings concat() method.
// JavaScript concat() method to
// merge strings together
// Original string
let str = 'Beginner';
// Joining the strings together
let value = str.concat('for', 'Beginner');
console.log(value);
Output
w3wiki
Using JavaScript + Operator
The + operator adds strings and returns the concatenated string. It is the easiest method for the concatenation of two strings.
Syntax:
let str = str1 + str2
Example: In this example, we will concate two string using + operator.
// JavaScript + Operator to
// Merge Strings
// Original string
let str1 = 'Beginner';
let str2 = 'for';
let str3 = 'Beginner';
// Joining the strings together
let str = str1 + str2 + str3;
console.log(str);
Output
w3wiki
Using JavaScript Array join() Method
The JavaScript Array join() Method is used to join the elements of an array into a string. The elements of the string will be separated by a specified separator and its default value is a comma ( , ).
Syntax:
array.join( separator )
Example: In this article we will concate strings present in an array.
// JavaScript program to join Strings
// using array join() method
let arr = ['Beginner', 'for', 'Beginner'];
// Joining the strings using
// join() method
let str = arr.join('');
console.log(str);
Output
w3wiki
Using Template Literals (Template Strings)
Template literals, denoted by backticks, allow string interpolation and multiline strings. Concatenation is achieved by embedding variables or expressions within `${}` placeholders. This approach enhances readability and simplifies string concatenation in JavaScript, offering a concise and flexible solution.
Example: In this example The variables firstName and lastName hold the strings “Suresh” and “Raina” respectively. fullName combines these variables using template literals to create the string “Suresh Raina”,
const firstName = "Suresh";
const lastName = "Raina";
const fullName = `${firstName} ${lastName}`;
console.log(fullName);
Output
Suresh Raina