JavaScript 将数组分成块

在本文中，我们提供了一个大数组，并希望将其分成JavaScript中的小数组块。我们有几种方法可以做到这一点，例如：

将数组分割成块的方法：

• 使用JavaScript的 splice()方法
• 使用JavaScript的 slice()方法

方法1：使用JavaScript slice()方法

此方法返回一个包含所选元素的新数组。此方法从给定的start参数开始选择元素，并在给定的end参数之前结束。

语法：

array.slice(start, end)  

示例： 此示例使用 slice() 方法将数组分割成数组的块。该方法可重复使用，以分割任何大小的数组。

// Size of chunk
let chunk = 4;
 
// Input array
let arr = [1, 2, 3, 4, 5, 6, 7, 8];
 
// Spiltted arrays
let arr1 = arr.slice(0, chunk);
let arr2 = arr.slice(chunk, chunk + arr.length);
 
// Display Output
console.log('Array1: ' + arr1 + '\nArray2: ' + arr2);

输出

Array1: 1,2,3,4
Array2: 5,6,7,8

方法2：使用JavaScript splice()方法

该方法向数组中添加/删除项目，然后返回被删除项目的列表。

语法：

array.splice(index, number, item1, ....., itemN)  

示例： 此示例使用 splice() 方法将数组分成数组的块。此方法会从原始数组中删除项目。该方法可以重复使用，以分割任意大小的数组。

// Size of aaray chunks
let chunk = 2;
 
// Input array
let arr = [1, 2, 3, 4, 5, 6, 7, 8];
 
// Splitted arrays
let arr1 = arr.splice(0, chunk);
let arr2 = arr.splice(0, chunk);
let arr3 = arr.splice(0, chunk);
let arr4 = arr.splice(0, chunk);
 
// Display output
console.log("Array1: " + arr1);
console.log("Array2: " + arr2);
console.log("Array3: " + arr3);
console.log("Array4: " + arr4);

输出

Array1: 1,2
Array2: 3,4
Array3: 5,6
Array4: 7,8