Convert an Array to a String in JavaScript

Convert an Array to a String in JavaScript #

To convert an array to a string, pass the array as a parameter to the String object - String(arr). The String object converts the passed in value to a string and returns the result.

Copied!
const arr = ['one', 'two', 'three'];

const str = String(arr);
console.log(str); // 👉️ 'one,two,three'

const strWithoutSeparator = arr.join('');
console.log(strWithoutSeparator); // 👉️ 'onetwothree'

const strWithSeparator = arr.join('-');
console.log(strWithSeparator); // 👉️ 'one-two-three'

const strWithSpace = arr.join(' ');
console.log(strWithSpace); // 👉️ 'one two three'

const stringified = JSON.stringify(arr);
console.log(stringified); // 👉️ '["one", "two", "three"]'

In the first example we used the String object to convert the array to a string. This returns a comma-separated string containing the array elements.

However, in some situations we want to omit the commas.

In our second example, we use the Array.join method to join the array elements into a string.

Copied!
console.log(['one', 'two'].join('')); // 👉️ 'onetwo'

The join method returns a string with all of the array elements separated by the provided separator.

Similarly, if we need to separate the array elements when joining them into a string, we can pass a different parameter to the join method.

Copied!
console.log(['one', 'two'].join('-')); // 👉️ 'one-two'
console.log(['one', 'two'].join(' ')); // 👉️ 'one two'

In our first example, we join the array elements with a hyphen - and in our second example, we pass a string containing a space to join the elements with a space.

You can also use the JSON.stringify method to convert an array to a string.

Copied!
const stringified = JSON.stringify(arr);
console.log(stringified); // 👉️ '["one", "two", "three"]'
console.log(typeof stringified); // 👉️ string

The JSON.stringify() method takes a value and converts it to a JSON string.

The most flexible way to convert an array to a string is to use the Array.join method and provide the separator that suits your use case.

Further Reading #

• Convert Array to comma separated String in JavaScript
• Convert Array of Numbers to Array of Strings in JavaScript