JS 分割数组|极客笔记

JS 分割数组

在 JavaScript 中，我们经常会遇到需要对数组进行分割的情况。分割数组可以帮助我们更好地管理数据，将大块数据拆分成更小的部分，方便处理和操作。本文将详细介绍如何使用 JavaScript 对数组进行分割操作。

使用 `slice` 方法

slice 方法是 JavaScript 中数组对象的一个方法，用于从已有的数组中返回选定的元素。该方法接受两个参数，起始索引和结束索引。起始索引表示开始提取元素的位置（包括该位置），结束索引表示结束提取元素的位置（不包括该位置）。

const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const slicedArr = arr.slice(2, 5);

console.log(slicedArr); // [3, 4, 5]

在上面的示例中，我们定义了一个包含数字 1 到 10 的数组 arr，然后使用 slice 方法选取了索引 2 到索引 5 的元素，最终得到的结果是 [3, 4, 5]。

使用 `splice` 方法

与 slice 方法不同，splice 方法会直接修改原数组。该方法可以实现删除元素、添加元素和替换元素的功能，因此在分割数组时也是一个非常有用的方法。

const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const splicedArr = arr.splice(2, 3);

console.log(splicedArr); // [3, 4, 5]
console.log(arr); // [1, 2, 6, 7, 8, 9, 10]

在上面的示例中，我们同样使用了包含数字 1 到 10 的数组 arr，然后使用 splice 方法删除了索引 2 到索引 4 的元素，最终得到的结果是 [3, 4, 5]。同时，原数组 arr 也被修改为 [1, 2, 6, 7, 8, 9, 10]。

使用循环分割数组

除了使用内置的方法外，我们还可以自己编写代码实现对数组的分割操作。这种方式适用于对数组进行更复杂的处理，同时也能够更灵活地控制分割的逻辑。

const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const chunkSize = 3;
const chunkedArr = [];

for (let i = 0; i < arr.length; i += chunkSize) {
  chunkedArr.push(arr.slice(i, i + chunkSize));
}

console.log(chunkedArr); // [[1, 2, 3], [4, 5, 6], [7, 8, 9], [10]]

在上面的示例中，我们定义了一个数组 arr 和一个 chunkSize 变量，表示每个子数组的大小。然后通过循环遍历数组，并使用 slice 方法从原数组中截取出需要的部分，最终将得到的子数组添加到 chunkedArr 中。最后打印出结果是 [[1, 2, 3], [4, 5, 6], [7, 8, 9], [10]]。