【转】[JavaScript] 数组的 join 用法

转自：kimi.ai

join 方法用于将数组中的所有元素连接成一个字符串。以下是其详细用法：

基本语法

JavaScript复制

array.join([separator])

• array：要操作的数组。
• separator：可选参数，用于指定连接数组元素时使用的分隔符。如果省略该参数，则默认使用逗号（,）作为分隔符。

返回值

返回一个由数组元素连接成的字符串。

示例

1. 使用默认分隔符
   JavaScript复制

   let arr = [1, 2, 3, 4, 5];
   let str = arr.join();
   console.log(str); // "1,2,3,4,5"

2. 使用自定义分隔符
   JavaScript复制

   let arr = [1, 2, 3, 4, 5];
   let str1 = arr.join('-'); // 使用短横线作为分隔符
   let str2 = arr.join(' '); // 使用空格作为分隔符
   let str3 = arr.join(' | '); // 使用竖线和空格作为分隔符
   console.log(str1); // "1-2-3-4-5"
   console.log(str2); // "1 2 3 4 5"
   console.log(str3); // "1 | 2 | 3 | 4 | 5"

3. 连接包含不同类型元素的数组
   JavaScript复制

   let arr = [1, 'a', true, { key: 'value' }, [6, 7, 8]];
   let str = arr.join(' - ');
   console.log(str); // "1 - a - true - [object Object] - 6,7,8"

   在这个示例中，数组中包含不同类型元素，对象被转换为字符串 "[object Object]"，嵌套数组被转换为用逗号分隔的字符串。

注意事项

• join 方法不会修改原数组，而是返回一个新字符串。
• 如果数组为空，join 方法会返回一个空字符串。
• join 方法会将数组中的每个元素转换为字符串，然后再进行连接。对于对象等复杂数据类型，转换结果可能不是预期的字符串表示形式，如示例3中对象被转换为 "[object Object]"。如果需要更复杂的转换，可以在调用 join 之前对数组元素进行预处理。