ZetCode

JavaScript add strings

last modified February 17, 2021

JavaScript add strings tutorial shows how to concatenate strings in JavaScript.

In JavaScript, string is an object used to represent and manipulate a sequence of characters.

There are several ways of adding strings in JavaScript:

JavaScript add strings with + operator

The easiest way of concatenating strings is to use the + or the += operator. The + operator is used both for adding numbers and strings; in programming we say that the operator is overloaded.

add_string.js
let a = 'old';
let b = ' tree';

let c = a + b;
console.log(c);

In the example, we add two strings with the + opeartor.

$ node add_string.js
old tree

In the second example, we use the compound addition operator.

add_string2.js
let msg = 'There are';

msg += ' three falcons';
msg += ' in the sky';

console.log(msg);

The example builds a message with the += operator.

$ node add_string2.js
There are three falcons in the sky

JavaScript add strings with join

The join method creates and returns a new string by concatenating all of the elements of an array.

joining.js
let words = ['There', 'are', 'three', 'falcons', 'in', 'the', 'sky'];

let msg = words.join(' ');
console.log(msg);

The example forms a message by concatenating words of an array.

$ node joining.js 
There are three falcons in the sky

JavaScript add strings with concat

The concat method concatenates the string arguments to the calling string and returns a new string.

Because the concat method is less efficient than the + operator, it is recommended to use the latter instead.

concat.js
let a = 'old';

let c = a.concat(' tree');
console.log(c);

The example concatenates two strings with the built-in concat method.

JavaScript add strings with string formatting

We can build JavaScript strings with string formatting, which is essentially another form of string addition.

formatting.js
let w1 = 'two';
let w2 = 'eagles';

let msg = `There are ${w1} ${w2} in the sky`;
console.log(msg);

The example builds a message using template literals.

$ node formatting.js 
There are two eagles in the sky

In this tutorial, we have showed several ways of concatenating strings in JavaScript.

List all JavaScript tutorials.