JavaScript：如何将数组所有元素存入单个变量并输出为逗号分隔形式？

嘿，这个需求其实挺常见的，用JavaScript数组自带的join()方法就能轻松搞定，这也是最简洁高效的实现方式！

核心实现代码 #

直接调用数组的join()方法，指定分隔符为, （逗号加空格）就行：

var arr = ['number1', 'number2', 'number3'];
var numbers = arr.join(', '); // 用逗号+空格作为元素间的分隔符
console.log(numbers); // 输出结果：number1, number2, number3

方法说明 #

join()就是专门用来把数组元素拼接成字符串的方法：

• 你传入的参数就是元素之间的分隔符，这里要的是逗号加空格，所以明确传, 就好
• 它会自动处理数组的边界，不会在字符串开头或结尾多出多余的分隔符，省心又靠谱

备选方案（仅作原理参考，不推荐） #

如果想手动实现拼接（比如用来理解底层逻辑），也可以用循环完成，但代码会繁琐不少：

var arr = ['number1', 'number2', 'number3'];
var numbers = '';
for (var i = 0; i < arr.length; i++) {
  // 不是第一个元素时，先添加分隔符
  if (i !== 0) {
    numbers += ', ';
  }
  numbers += arr[i];
}
console.log(numbers); // 同样能得到目标输出

不过显然还是join()更优雅，毕竟这是语言内置的专门处理这类场景的工具，代码更易读也更不容易出错。

内容的提问来源于stack exchange，提问作者Genjik