How to use the Array.join method in JavaScript

The Array.join method in JavaScript is a built-in method used to join all elements of an array into a string. It returns a string representation of the array, where the elements are separated by a specified separator or by a comma by default. 

The join method is a convenient way to concatenate elements in an array without having to manually loop through the array. Here is the basic syntax for the Array.join method:


The separator argument is an optional parameter that specifies the separator to be used between elements in the string. If no separator is specified, a comma is used by default.

Let's take a look at an example to see how the Array.join method works:

const fruits = ['apple', 'banana', 'cherry'];
const fruitString = fruits.join(' and ');
// Output: apple and banana and cherry

In this example, we have an array of fruits fruits, and we want to join all elements into a string. By using the Array.join method, we can specify the separator and to be used between elements. The fruitString variable now contains the string 'apple and banana and cherry'.

It is important to note that the Array.join method modifies the original array. In other words, it returns a new string representation of the array, but the array remains unchanged.

In conclusion, the Array.join method is a simple and convenient way to join elements of an array into a string in JavaScript. Whether you need to concatenate elements for display purposes or for any other reason, the Array.join method is a useful tool to have in your toolbox.

Continue Reading