Javascript Array join()

let message = ["JavaScript", "is", "fun."];

// join all elements of array using space
let joinedMessage = message.join(" ");
console.log(joinedMessage);

// Output: JavaScript is fun.

join() Syntax

The syntax of the join() method is:

arr.join(separator)

Here, arr is an array.

join() Parameters

The join() method takes in:

• separator (optional) - A string to separate each pair of adjacent elements of the array. By default, it is comma ,.

join() Return Value

• Returns a String with all the array elements joined by separator.

Example: Using join() method

var info = ["Terence", 28, "Kathmandu"];

var info_str = info.join(" | ");

// join() does not change the original array
console.log(info); // [ 'Terence', 28, 'Kathmandu' ]

// join() returns the string by joining with separator
console.log(info_str); // Terence | 28 | Kathmandu

// empty argument = no separator
var collection = [3, ".", 1, 4, 1, 5, 9, 2];
console.log(collection.join("")); // 3.141592

var random = [44, "abc", undefined];
console.log(random.join(" and ")); // 44 and abc and

Output

[ 'Terence', 28, 'Kathmandu' ]
Terence | 28 | Kathmandu
3.141592
44 and abc and 

Here, we can see that the join() method converts all the array elements into a string and separates each element by the specified separator.

Also Read:

• JavaScript Array toString()
• JavaScript String split()
• JavaScript Array concat()