Javascript Array转String用法及代码示例

我们已获得一个由各种元素组成的数组作为输入，我们的任务是使用 JavaScript 将这个元素数组转换为字符串。为了更好地理解，下面我们添加了示例：

例子：

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

因此，我们将看到上述所有状态的实现方式。

方法一：使用Array.join()方法

JavaScript 中的 join 方法用于将数组的元素连接到字符串中。在这里，我们可以指定分隔符，否则默认情况下将以逗号作为默认分隔符。

用法:

array.join(optional_separator)

例子：在此示例中，我们使用默认分隔符将转换后的数组元素显示为字符串。

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

方法 2：使用Array toString()方法

JavaScript 中的 toString 方法用于将数组的每个元素转换为字符串，并通过使用逗号分隔元素来连接它们。

用法:

array.toString()

例子：在此示例中，我们使用 toString 方法将数组元素转换为字符串。

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

方法 3：使用JSON stringify()方法

JavaScript 中的 JSON.stringify() 方法用于将由嵌套数组组成的整个数组转换为 JSON 格式的字符串。

用法:

JSON.stringify(array)

例子：在此示例中，我们将使用 JSON.stringify() 方法将数组元素转换为字符串。

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

方法 4：使用Array reduce()方法

JavaScript 中的 arr.reduce 方法将数组的元素连接成一个字符串，从空字符串开始作为累加器的初始值。

用法:

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

例子：在此示例中，我们使用 arr.reduce() 方法将数组转换为字符串。

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