JavaScript Program to Convert an Array into a String

We have been given an array as an input that consists of various elements and our task is to convert this array of elements into a string by using JavaScript. Below we have added the examples for better understanding:

Example:

Input: arr= [1,2,3,4,5,6]
Output: 1,2,3,4,5,6

So we will see all of the above states approaches with its implementation.

Approach 1: Using arr.join() Method

The join method in JavaScript is used to join the elements of an array into the string. Here, we can specify the separator or else by default it will take comma as the default separator.

Syntax:

array.join(optional_separator)

Example: In this example, we have used the default separator to show the converted array elements into string.

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
let str = arr.join(); 
console.log(str);

1,2,3,4,5,6,7,8,9,10

Approach 2: Using arr.toString() Method

The toString method in JavaScript is used to convert each element of the array to a string and concatenate them, by separating the elements using the comma.

Syntax:

array.toString()

Example: In this example, we are using the toString method to convert the array elements into the string.

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
let str = arr.toString(); 
console.log(str);

1,2,3,4,5,6,7,8,9,10

Approach 3: Using JSON.stringify() Method

The JSON.stringify() method in JavaScript is used to convert the entire array consisting of nested arrays into the JSON-formatted string.

Syntax:

JSON.stringify(array)

Example: In this example, we will be using the JSON.stringify() method to convert array element into string.

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
let str = JSON.stringify(arr).slice(1, -1);
console.log(str);

1,2,3,4,5,6,7,8,9,10

Approach 4: Using arr.reduce() Method

The arr.reduce method in JavaScript concatenates the elements of the array into a single string starting from the empty string as the initialValue of the accumulator.

Syntax:

array.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])

Example: In this example, we are using the arr.reduce() method to convert array into string.

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
let str = 
    arr.reduce((myString, values, myArr) => {
  if (myArr === 0) {
    return `${values}`;
  } else {
    return `${myString},${values}`;
  }
}, '');
console.log(str);

1,2,3,4,5,6,7,8,9,10

Approach 5: Using a for loop

In this approach we iterate over each element of the array and concatenate it to a string variable.

Example: In this example, The JavaScript function `arrayToString` iterates through each element of the input array using a for loop. It concatenates each element to a result string. Finally, it returns the resulting string.

function arrayToString(arr) {
    let result = '';
    for (let i = 0; i < arr.length; i++) {
        result += arr[i];
    }
    return result;
}

console.log(arrayToString([1, 2, 3, 4, 5]));

12345

Approach 6: Using Array.prototype.map()

In this approach, we'll use the map() method to convert each element of the array to a string, and then we'll use the join() method to concatenate these string elements into a single string.

Example:

function arrayToString(arr) {
    return arr.map(String).join(',');
}

// Example usage:
const arr = [1, 2, 3, 4, 5];
console.log(arrayToString(arr));
console.log(typeof arrayToString(arr))

1,2,3,4,5
string

Approach 7: Using Template Literals and Array.prototype.forEach()

In this approach, we utilize template literals and the forEach() method to convert the array into a string. Template literals provide an easy way to concatenate strings, and forEach() allows us to iterate over each element of the array.

Syntax:

array.forEach(callback(element[, index[, array]])[, thisArg])

Example: In this example, we use forEach() to iterate through each element of the array, appending it to a string variable using template literals.

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

let result = '';
arr.forEach((element, index) => {
    result += `${element}`;
    if (index < arr.length - 1) {
        result += ',';
    }
});

console.log(result);

1,2,3,4,5,6