如何高效将JavaScript二维数组拆分为每组含2个元素、末尾保留剩余元素的结构

核心思路 #

所有内层数组长度一致的前提下，直接按步长2遍历下标，每次从每个子数组的当前位置截取最多2个元素组成对应分组即可，仅需一次线性遍历，时间复杂度为O(m)（m为单个内层数组的长度），是效率最高的实现方式。

代码实现 #

const arrays = [[1,2,3,4,5,6,7],[8,9,10,11,12,13,14]];
const result = [];
// 按步长2遍历数组下标
for (let i = 0; i < arrays[0].length; i += 2) {
  // 每个分组取所有子数组对应位置的最多2个元素
  const group = arrays.map(arr => arr.slice(i, i + 2));
  result.push(group);
}

输出验证 #

打印result即可得到目标结构：

[[[1,2], [8,9]], [[3,4], [10,11]], [[5,6], [12,13]], [[7], [14]]]

方案优势 #

• 无多余中间变量和重复遍历，性能最优
• 原生slice方法自动处理边界情况，无需单独判断最后一组的剩余元素逻辑
• 扩展性强，若后续内层数组数量增加、或每组需截取的元素个数调整，仅需修改对应参数即可

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