Converting Array to String in JavaScript

What is JavaScript?

JavaScript is a high-level interpreted programming language primarily used in client-side web development to create interactive web pages. JavaScript supports various programming paradigms, including object-oriented, procedural, and functional programming. JavaScript can also be used to develop server-side solutions thanks to Node.js js or multi-platform desktop applications thanks to Electron.js. JavaScript has a large developer community that creates and maintains an extensive database of open-source projects. JavaScript is platform-independent and is supported by almost all modern web browsers.

What is an array in JavaScript?

An array in JavaScript is a data structure that allows you to store multiple values of the same or different data types in a single variable. In JavaScript, you can create arrays with the square brackets "[...]" or with the "new Array()" constructor. Each array element has an index, allowing you to access them directly. JavaScript provides many built-in functions for containing, reducing, reversing, merging, joining, slicing, cloning, copying, clearing, and inserting arrays. You can also get a sum of array elements and convert an array to JSON.

What is a string in JavaScript?

In JavaScript, a string is a sequence of characters enclosed in single ('...') or double ("...") quotes. A string can contain letters, numbers, symbols, spaces, and special characters. JavaScript strings can encode Unicode characters using the "\uXXXX" syntax. JavaScript provides built-in functions for containing, splitting, concatenating, trimming, and reversing strings. You can also create a multiline string, check if it starts or ends with another string, and get the length of a string.

How to convert an array to a string in JavaScript?

In JavaScript, you can convert an array to a string using the Array.join(separator) and array.toString() methods. The join() method allows you to combine all the elements of an array into one string. The join() method takes an optional argument that is used to separate the elements of the array when they are combined. If no delimiter is specified, items are concatenated with a comma by default. The toString() method converts and concatenates all the elements of an array into a single string value, where by default, the array elements are separated by a comma. You can also convert an array to a string with a for loop.

const arr = ['JavaScript', 'Array', 'to', 'String'];

const str = arr.toString();

console.log(str);

// output: JavaScript,Array,to,String

JavaScript Array to String Examples

The following are examples of converting an array to a string in JavaScript:

Converting array to string using toString() method

The toString() method in JavaScript is a built-in method used to convert an object to a string representation. The toString() method since JavaScript 1.8.5 (ECMAScript 5) is generic and can be used with any object.

const arr = [1, 2, 3, 4, 5];

console.log(arr.toString());

// output: 1,2,3,4,5

Converting a nested array to a string

The following is an example of converting a nested array to a string in JavaScript using the toString() method:

const arr = [[1, 2], [3, 4], [5, 6]];
const str = arr.toString();

console.log(str);

// output: 1,2,3,4,5,6

Converting array to string using join() method

In JavaScript, the Array.join(separator) method is used to join all elements of an array into a string. The elements are separated by a specified separator, passed as an argument to the method.

const arr = ['JavaScript', 'Array', 'to', 'String'];

console.log(arr.join(' '));

// output: JavaScript Array to String

Converting array to string with a separator between elements

To convert an array to a string using a separator between elements in JavaScript, you can use the array.join(separator) method:

const arr = ['JavaScript', 'Array', 'to', 'String'];

console.log(arr.join('|'));

// output: JavaScript|Array|to|String

Converting array to string with line breaks

You can convert an array to a string with line breaks (\n) by using the array.join() method and passing "\n" as the separator.

const arr = ['JavaScript', 'Array', 'to', 'String'];

console.log(arr.join('\n'));

// output: 
// JavaScript
// Array
// to
// String

Converting array to string with for loop

You can convert an array to a string with a for loop that iterates over the elements of an array and concatenates each element with a given variable.

const arr = ['JavaScript', 'Array', 'to', 'String'];
let str = '';

for (let i = 0; i < arr.length; i++) {
  str += arr[i];
}
console.log(str);

// output: JavaScriptArraytoString

How to convert a string back to an array in JavaScript?

To convert string to array in JavaScript, you can use the string.split() method:

const str = 'JavaScript String to Array';

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

// output: ['JavaScript', 'String', 'to', 'Array']

See also

• How do I convert object to JSON in JavaScript?
• How do I create a JSON string in JavaScript?
• How to send Authorization Credentials with JavaScript Fetch API?