js实现数组合并成字符串的方法-js教程-PHP中文网

js实现数组合并成字符串的方法

舞夢輝影

发布： 2025-11-15 23:22:02

原创

474人浏览过

最常用方法是使用 join() 方法，它将数组元素用指定分隔符连接成字符串，默认以逗号分隔，支持自定义符号如空格或短横线；示例中 ['apple', 'banana', 'orange'] 调用 join('-') 输出 apple-banana-orange；包含数字、布尔值等非字符串元素时会自动转为字符串，null 和 undefined 也被处理为对应字符串，末尾的 undefined 不影响输出；空数组返回空字符串，稀疏数组的空位视为 empty 并转为空字符串；而 toString() 方法仅支持逗号分隔，灵活性差，reduce() 可实现复杂拼接但性能较低，因此推荐使用 join()。

js实现数组合并成字符串的方法

JavaScript中将数组合并成字符串最常用的方法是使用 join() 方法。它能将数组的所有元素组合成一个字符串，并允许指定连接符。

1. 使用 join() 方法

join() 是数组内置的方法，可以将数组中的每个元素转换为字符串，然后用指定的分隔符连接起来。

不传参数时，默认使用逗号（,）作为分隔符
可以传入任意字符串作为连接符号，比如空格、短横线、分号等

示例：

const arr = ['apple', 'banana', 'orange'];
console.log(arr.join());        // 输出：apple,banana,orange
console.log(arr.join('-'));     // 输出：apple-banana-orange
console.log(arr.join(' '));     // 输出：apple banana orange
console.log(arr.join(' + '));   // 输出：apple + banana + orange

登录后复制

2. 处理非字符串元素

如果数组中包含数字、布尔值或 null 等类型，join() 会自动将其转换为字符串。

const mixed = [1, 2, true, null, undefined];
console.log(mixed.join('|'));  // 输出：1|2|true|null|

登录后复制

注意：undefined 和 null 被转为字符串 "null" 和 "undefined"，但在末尾的 undefined 不会影响整体输出。

腾讯智影-AI数字人

基于AI数字人能力，实现7*24小时AI数字人直播带货，低成本实现直播业务快速增增，全天智能在线直播

查看详情

3. 空数组和稀疏数组的处理

空数组调用 join() 会返回空字符串；稀疏数组（含空槽）的空位会被转为空字符串。

console.log([].join('-'));           // 输出：空字符串
console.log([1,,3].join('-'));       // 输出：1--3（中间有两个-）

登录后复制

4. 其他方式（不推荐用于简单合并）

虽然 toString() 也能把数组转为字符串，但它只能使用逗号分隔，灵活性差。

const arr = ['a', 'b', 'c'];
console.log(arr.toString());  // 输出：a,b,c
</font>

<p>而 <strong>reduce()</strong> 可以手动拼接，适合复杂逻辑，但性能不如 join()。</p>
<font face="Courier New" size="2" color="#0066CC">
<pre class="brush:php;toolbar:false;">
arr.reduce((str, item) => str + '-' + item); // 类似 join('-')

登录后复制

基本上就这些，日常用 join() 就够了，简单高效。

以上就是js实现数组合并成字符串的方法的详细内容，更多请关注php中文网其它相关文章！