Open In App

How to Concatenate Strings in JavaScript ?

Last Updated : 20 May, 2024
Improve
Improve
Like Article
Like
Save
Share
Report

In this article, we will see different methods to Concatenate Strings in JavaScript. The concat means joining two or more strings and returning a new string.

Approaches to Concate String in JavaScript:

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
// JavaScript concat() method to
// merge strings together

// Original string
let str = 'Geeks';

// Joining the strings together
let value = str.concat('for', 'Geeks');

console.log(value);

Output
GeeksforGeeks

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
// JavaScript + Operator to
// Merge Strings

// Original string
let str1 = 'Geeks';
let str2 = 'for';
let str3 = 'Geeks';

// Joining the strings together
let str = str1 + str2 + str3;

console.log(str);

Output
GeeksforGeeks

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
// JavaScript program to join Strings 
// using array join() method
let arr = ['Geeks', 'for', 'Geeks'];

// Joining the strings using
// join() method
let str = arr.join('');

console.log(str);

Output
GeeksforGeeks

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”,

JavaScript
const firstName = "Suresh";
const lastName = "Raina";

const fullName = `${firstName} ${lastName}`;

console.log(fullName);

Output
Suresh Raina



Like Article
Suggest improvement
Share your thoughts in the comments

Similar Reads