JavaScript如何获取列表前3项？slice方法异常及性能问题求助

先解决slice(0,3)返回4个元素的问题 #

• 你的array大概率不是标准JS数组，而是类数组对象（比如DOM元素集合、arguments对象），这类对象的slice方法行为可能不符合预期。先转成标准数组再操作：

  const standardArray = Array.from(array);
  const firstThree = standardArray.slice(0, 3);
  

• 也可能原数组存在空槽（比如手动删除过元素，索引不连续），slice会保留这些空槽，看起来像多了元素。可以先过滤空值再截取：

  const firstThree = array.filter(item => item != null).slice(0, 3);
  

解决slice运行慢的问题 #

如果你的数组规模极大，slice需要复制整个片段导致卡顿，直接手动循环取前3项效率更高：

const firstThree = [];
const max = Math.min(array.length, 3);
for (let i = 0; i < max; i++) {
  firstThree.push(array[i]);
}

这种方法最多循环3次，完全避免了大数组的片段复制操作，速度会快很多。

验证结果 #

最后可以打印结果长度确认：

console.log(firstThree.length); // 正常应该输出1、2或3，不会是4

内容的提问来源于stack exchange，提问作者Vorlds