Joining JavaScript Array Elements to a String

What is an array in JavaScript?

An array is a special built-in object in JavaScript that allows storing multiple elements of different types in a single variable. A JavaScript array is created using square brackets "[...]" or using the "new Array()" constructor. Each element in an array has its own index, allowing you to access an element directly by its index or iterate through the array with a "for loop". JavaScript provides a rich set of built-in functions for joining, slicing, reversing, merging, copying, containing, cloning, inserting, clearing, and reducing arrays. You can also convert string to array, convert array to JSON, convert array to string, and get a sum of array elements.

How to join array elements in JavaScript?

The array.join(separator) method in JavaScript allows you to concatenate all the elements of an array into a single string. By default, array elements will be separated by "," (comma); this behavior can be changed by passing the necessary separator as a parameter. If an array element has an undefined or null value, it will be converted to an empty string when the array elements are joined to a string.

array.join(separator)

• separator (optional): the separator to be used when concatenating elements in a string value. If an empty string is passed as a method parameter, the array elements will be joined into one string without using a separator. The default value is comma ",".

let array = ['WhatsApp', 'Telegram', 'Viber'];

console.log(array.join());

// output: WhatsApp,Telegram,Viber

How to join two arrays in JavaScript?

To join two or more arrays in JavaScript, you can use the array.concat() method. The array.concat() method concatenates the provided arrays and returns a new array without alerting the existing one.

const array1 = ['Paris', 'Madrid'];
        
const array2 = ['Rome', 'London'];

const result = array1.concat(array2);

console.log(result);

// output: Paris | Madrid | Rome | London

How to join an array of strings in JavaScript?

To join an array of strings in JavaScript, you can use the array.join() method. By passing a separator to the array.join() method you can control how the resulting string is generated.

const array = ['One', 'Two', 'Three'];
        
const result = array.join('\n');

console.log(result);

// output: 
// One
// Two
// Three

How to join an array using a "for loop" in JavaScript?

To join array elements to a string, you can also use a "for loop". Please note that this method is slower and takes an additional memory space.

let array = ['Paris', 'Madrid', 'Rome', 'London'];
let newArr = [];
let separator = ' | ';

for(let i = 0; i < array.length; i++) {
  newArr += array[i];
  if (i < array.length - 1) newArr += separator;
}

console.log(newArr);

// output: Paris | Madrid | Rome | London

How to convert string to JavaScript array?

The string.split() method is the opposite of the array.join() method and is used to split the given string into an array of strings using the provided delimiter. The main difference between the join() and split() methods is that the join() method is used to join array elements into a string, while the split() method is used to split a string into an array.

let str = 'Paris | Madrid | Rome | London';

console.log(str.split(' | '));

// output: ['Paris', 'Madrid', 'Rome', 'London']

See also

• How do I check if an array contains a value in JavaScript?
• How do I slice an array in JavaScript?
• How do I reverse an array in JavaScript?
• How do I copy and clone an array in JavaScript?
• How to get the sum of an array in JavaScript?