当前位置：首页 > JavaScript

js join实现

2026-04-06 03:04:00JavaScript

JavaScript 的 `join` 方法实现

Array.prototype.join 是 JavaScript 中用于将数组元素连接成一个字符串的方法。以下是其基本用法和实现原理。

js join实现

基本语法

array.join([separator])

separator（可选）：指定连接数组元素的字符串分隔符，默认为逗号 ,。

示例代码

const fruits = ['Apple', 'Banana', 'Orange'];
console.log(fruits.join());      // "Apple,Banana,Orange"
console.log(fruits.join('-'));   // "Apple-Banana-Orange"
console.log(fruits.join(' '));   // "Apple Banana Orange"

手动实现 `join` 方法

以下是一个模拟 Array.prototype.join 的实现：

js join实现

function customJoin(array, separator = ',') {
  let result = '';
  for (let i = 0; i < array.length; i++) {
    if (i > 0) {
      result += separator;
    }
    if (array[i] !== undefined && array[i] !== null) {
      result += array[i];
    }
  }
  return result;
}

// 测试
const arr = [1, 2, 3, null, undefined, 4];
console.log(customJoin(arr, '-')); // "1-2-3---4"

实现细节

遍历数组，逐个拼接元素和分隔符。
跳过 undefined 和 null 的元素，但会保留空字符串。
如果未提供分隔符，默认使用逗号 ,。

注意事项

原始 join 方法会调用每个元素的 toString() 方法。
如果数组长度为 0，返回空字符串 ''。
稀疏数组（如 [1, , 3]）中的空位会被处理为 undefined。

性能优化

对于大型数组，使用 += 拼接字符串可能效率较低。可以考虑使用 Array.prototype.reduce 或现代 JavaScript 引擎优化的方法。

function efficientJoin(array, separator = ',') {
  return array.reduce((acc, val, i) => {
    if (i === 0) return String(val);
    return acc + separator + (val !== undefined && val !== null ? val : '');
  }, '');
}