JS数组切割|极客笔记

JS数组切割

在JavaScript编程中，经常会遇到需要对数组进行切割或者截取的情况。数组切割是指将一个数组分割成若干个子数组，或者从数组中取出特定范围的子数组。这在实际开发中非常常见，比如需要对数据进行分页展示，或者需要对数组进行分组等操作。

本文将详细介绍JS中数组切割的相关方法和技巧，希望可以帮助读者更好地掌握数组处理的技巧。

slice()方法

在JavaScript中，数组对象提供了slice()方法来实现数组的切割功能。slice()方法可以从已有的数组中返回选定的元素，原数组不会被修改。

slice()方法接受两个参数，分别是起始索引和结束索引（不包括该元素）。如果只传入一个参数，则表示从该索引开始一直到数组末尾。

下面是一个简单的示例代码，演示如何使用slice()方法对数组进行切割：

let fruits = ['apple', 'banana', 'cherry', 'orange', 'kiwi'];
let slicedFruits = fruits.slice(1, 3);

console.log(slicedFruits); // Output: ['banana', 'cherry']

在上面的示例中，我们先定义了一个包含5个水果的数组fruits，然后使用slice()方法从索引1（包含）到索引3（不包含）切割了这个数组，最后将切割后的结果输出到控制台。

splice()方法

除了slice()方法，数组对象还提供了splice()方法可以实现对数组的切割。splice()方法可以实现在指定位置插入或删除元素，并返回被删除的元素。

splice()方法接受三个参数，第一个参数是起始索引，第二个参数是需要删除的元素个数，第三个以及后面的参数是需要插入到数组中的元素。

下面是一个示例代码，演示如何使用splice()方法对数组进行切割：

let numbers = [1, 2, 3, 4, 5];
let removedNumbers = numbers.splice(1, 2);

console.log(removedNumbers); // Output: [2, 3]
console.log(numbers); // Output: [1, 4, 5]

在上面的示例中，我们定义了一个包含5个数字的数组numbers，然后使用splice()方法从索引1开始，删除2个元素。最后输出被删除的元素和修改后的数组。

chunk()方法

有时候我们需要将一个大数组按照固定大小分割成若干个小数组，这时可以使用自定义的chunk()方法来实现。下面是一个简单的chunk()方法的实现：

function chunk(arr, size) {
  return Array.from({ length: Math.ceil(arr.length / size) }, (v, i) =>
    arr.slice(i * size, i * size + size)
  );
}

let numbers = [1, 2, 3, 4, 5, 6, 7, 8];
let chunkedNumbers = chunk(numbers, 3);

console.log(chunkedNumbers); // Output: [[1, 2, 3], [4, 5, 6], [7, 8]]

在上面的示例中，我们定义了一个chunk()方法，接受两个参数，分别是原数组和需要分割的大小。通过Array.from()和Math.ceil()方法来实现数组的分割，并返回一个包含分割后子数组的新数组。