Javascript 数组到不带逗号的字符串 - Javascript

当我们想把一个数组转换成字符串时，我们通常使用数组的 join() 方法。该方法将数组中的每个元素用指定的分隔符连接起来，并返回一个字符串。

let fruits = ['apple', 'banana', 'pear'];
let fruitStr = fruits.join(', '); // 'apple, banana, pear'

console.log(fruitStr);

但是， join() 方法在数组中的每个元素之间都加上了指定的分隔符，如果我们希望直接连接数组中的元素而没有分隔符，则需要使用另一种方法。

使用 spread 运算符和模板字面量

使用 ES6 中的 spread 运算符和模板字面量，我们可以轻松地将一个数组转换为一个不带逗号的字符串。

let fruits = ['apple', 'banana', 'pear'];
let fruitStr = `${...fruits}`; // 'applebananapear'

console.log(fruitStr);

在上面的例子中，我们使用了 ${...fruits} 表达式来将数组中的元素直接连接起来，与 join() 方法不同，它没有添加任何分隔符。

使用 reduce 方法

除了使用模板字面量之外，我们还可以使用 reduce() 方法将数组中的元素连接成一个字符串。

let fruits = ['apple', 'banana', 'pear'];
let fruitStr = fruits.reduce((prev, curr) => prev + curr, ''); // 'applebananapear'

console.log(fruitStr);

在这个例子中，我们使用 reduce() 方法将数组中的元素逐一相加，最终得到一个不带逗号的字符串。

不同于模板字面量方法，我们需要一个初始值空字符串 '' 作为第二个参数，以确保第一次迭代时， prev 变量的值是一个空字符串。

结论

在这篇文章中，我们介绍了两种将 JavaScript 数组转换为不带逗号的字符串的方法。使用模板字面量和 spread 运算符来连接数组中的元素是最简单和最直接的方法，而 reduce() 方法则更灵活和可定制。无论你选择哪种方法，都可以轻松地将数组转换为字符串，并且不会添加任何分隔符。