JS大神教你：数组分组的N种骚操作！

本文介绍了两种JavaScript数组分组方法，旨在高效灵活地将数组分割成多个子数组。通过示例数组[1, 2, …, 14]分成5组，分别演示了“间隔取元素”和“连续取元素”两种策略。两种方法都考虑了数组长度无法被组数整除的情况，并提供了简洁易懂的代码实现，方便读者根据实际需求选择并调整分组数量，从而实现灵活的数组分组功能。 学习本文，助您快速掌握JavaScript数组的高效分割技巧。

灵活运用JavaScript数组分组：高效分割数组

本文探讨如何将JavaScript数组分割成多个子数组，并根据不同需求灵活调整分组策略。我们将以一个示例数组 arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14] 分成5组为例，展示两种分组方法：间隔取元素和连续取元素。

方法一：间隔取元素分组

此方法确保每组元素数量尽可能相等，且元素在原数组中间隔取值。 原始代码中使用随机数组长度的处理方式并非必要，此处直接针对示例数组进行优化：

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14];
let numGroups = 5;
let groupSize = Math.ceil(arr.length / numGroups);
let result = [];

for (let i = 0; i < numGroups; i++) {
  let group = [];
  for (let j = i * groupSize; j < arr.length && j < (i + 1) * groupSize; j++) {
    group.push(arr[j]);
  }
  result.push(group);
}

console.log(result); // 输出结果，每组元素数量尽可能相等，间隔取值

方法二：连续取元素分组

此方法同样确保每组元素数量尽可能相等，但元素在原数组中连续取值。只需修改方法一中的内循环即可实现：

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14];
let numGroups = 5;
let groupSize = Math.ceil(arr.length / numGroups);
let result = [];
let startIndex = 0;

for (let i = 0; i < numGroups; i++) {
  let group = arr.slice(startIndex, startIndex + groupSize);
  result.push(group);
  startIndex += groupSize;
}

console.log(result); // 输出结果，每组元素数量尽可能相等，连续取值

以上代码清晰地展现了两种分组方法的实现逻辑，并处理了数组长度无法被组数整除的情况。 您可以根据实际需求选择合适的方法，并修改 numGroups 变量来调整分组数量。 这两种方法都比原始代码更简洁易懂，且更直接地解决了题目要求。

到这里，我们也就讲完了《JS大神教你：数组分组的N种骚操作！》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！