首页 > 文章 > 前端

JS中join()方法使用教程

时间：2026-05-10 16:07:59 354浏览收藏

JavaScript 中的 join() 方法是将数组元素高效拼接为字符串的实用工具，它不修改原数组，支持自定义分隔符（默认逗号），能优雅处理 null/undefined 元素并自动转为空字符串，还适用于空数组等边界情况；无论你是构建路径、生成标签列表，还是格式化输出文本，掌握这个简洁却细节丰富的内置方法，都能让你的代码更健壮、更地道。

js中join()方法的使用

在 JavaScript 中，join() 是数组的一个内置方法，用于将数组中的所有元素连接成一个字符串。这个方法不会修改原数组，而是返回一个新的字符串。

基本语法

array.join(分隔符)

分隔符 是可选参数，表示用来分隔数组元素的字符或字符串。默认是逗号（,）。

常见用法示例

使用默认分隔符（逗号）

const fruits = ['apple', 'banana', 'orange'];
console.log(fruits.join()); // 输出: "apple,banana,orange"

指定分隔符

const fruits = ['apple', 'banana', 'orange'];
console.log(fruits.join('-')); // 输出: "apple-banana-orange"
console.log(fruits.join(' ')); // 输出: "apple banana orange"
console.log(fruits.join(' and ')); // 输出: "apple and banana and orange"

不分隔（空字符串）

const letters = ['a', 'b', 'c'];
console.log(letters.join('')); // 输出: "abc"