在前端开发中，我们经常需要将一组值连接成一个逗号分隔的字符串。比如说，将商品名称列表连接起来显示在网页上。在本文中，我们将介绍如何使用 JavaScript 来创建逗号分隔的字符串。
方法一：使用 Array.prototype.join()
JavaScript 数组有一个内置方法 join() 可以将数组中所有元素转换为一个字符串并用指定的分隔符分隔。我们可以将要连接的值存储在数组中，然后使用 join() 方法创建逗号分隔字符串。
----- ------ - --------- --------- ---------- ----- ------------ - -------------- --- -- ------- ------- -------
方法二：使用字符串模板和 Array.prototype.reduce()
reduce() 方法在数组中遍历每个元素，并把它们聚合到一个最终结果中。我们可以使用 reduce() 和字符串模板来创建逗号分隔字符串。
----- ------ - --------- --------- ----------
----- ------------ - --------------------------- ------------- -- -
-- ------------ --- --- -
------ -------------
- ---- -
------ ---------------- -----------------
-
-- ----
-- ------- ------- -------以上代码中，初始值为一个空字符串。在每个迭代中，我们检查累加器是否是空字符串，如果是，则返回当前值，否则返回累加器和当前值连接而成的字符串。
总结
使用 join() 方法或 reduce() 方法和字符串模板都可以创建逗号分隔的字符串。如果要在代码中频繁使用这个操作，建议封装成一个函数以提高代码可读性和可维护性。
示例代码：
-- -- ------
----- ------ - --------- --------- ----------
----- ------------ - -------------- ---
-- -- --------
----- ------- - --------- --------- ----------
----- ------------- - ---------------------------- ------------- -- -
-- ------------ --- --- -
------ -------------
- ---- -
------ ---------------- -----------------
-
-- ----来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/30591