JavaScript join 方法
最后修改于 2025 年 4 月 4 日
在本文中，我们将展示如何使用 JavaScript 中的 join 方法将数组转换为字符串。
数组连接
join 方法通过连接数组中的所有元素来创建并返回一个新字符串。 默认情况下，元素用逗号分隔，但您可以指定任何分隔符。
当您需要将数组数据转换为格式化的字符串以供显示或存储时，此方法非常有用。 原始数组保持不变，因为 join 不会修改它所调用的数组。
如果数组只有一个项目，则将返回该项目，而无需使用分隔符。 对于空数组，将返回一个空字符串。 在连接过程中，所有数组元素都将转换为字符串。
基本 join 示例
以下示例演示了 join 方法的基本用法。
main.js
const fruits = ['apple', 'banana', 'orange']; const result = fruits.join(); console.log(result); console.log(fruits); // Original array remains unchanged
我们创建一个水果数组并将它们连接成一个字符串。 如果没有分隔符参数，则元素将用逗号连接。 原始数组保持不变。
$ node main.js apple,banana,orange [ 'apple', 'banana', 'orange' ]
使用自定义分隔符连接
join 方法接受一个分隔符字符串作为其参数。
main.js
const colors = ['red', 'green', 'blue'];
const spaceSeparated = colors.join(' ');
const dashSeparated = colors.join('-');
console.log(spaceSeparated);
console.log(dashSeparated);
我们使用不同的分隔符连接数组元素。 第一个 join 使用空格，第二个使用破折号。 任何字符串都可以用作分隔符。
$ node main.js red green blue red-green-blue
使用空分隔符连接
当传递一个空字符串作为分隔符时，元素将连接在一起，它们之间没有任何字符。
main.js
const letters = ['J', 'S', 'Q', 'L'];
const concatenated = letters.join('');
console.log(concatenated);
我们连接数组元素，它们之间没有任何分隔符。 当您需要将字符或字符串连接成一个连续的字符串时，这很有用。
$ node main.js JSQL
连接数字数组
join 方法会自动将所有元素转换为字符串。
main.js
const numbers = [1, 2, 3, 4, 5];
const joinedNumbers = numbers.join(' + ');
console.log(joinedNumbers);
console.log(typeof joinedNumbers);
我们使用自定义分隔符连接一个数字数组。 在连接操作期间，所有数字都将转换为字符串。 结果始终是字符串类型。
$ node main.js 1 + 2 + 3 + 4 + 5 string
连接嵌套数组
join 方法不会递归地连接嵌套数组。
main.js
const mixedArray = [1, [2, 3], [4, [5, 6]]];
const result = mixedArray.join('|');
console.log(result);
当连接包含嵌套数组的数组时，嵌套数组将使用其 toString 方法转换为字符串。 这会在嵌套数组中产生用逗号分隔的值。
$ node main.js 1|2,3|4,5,6
来源
在本文中，我们演示了如何使用 join() 方法将 JavaScript 中的数组转换为字符串。
作者
列出 所有 JS 数组函数。