JavaScript에서 배열을 짝수 블록으로 분할하는 여러 가지 방법에 대한 자세한 설명-JS 튜토리얼-php.cn

JavaScript에서 배열을 짝수 블록으로 분할하는 여러 가지 방법에 대한 자세한 설명

青灯夜游

풀어 주다： 2021-04-29 09:27:00

앞으로

3006명이 탐색했습니다.

이 기사에서는 자바스크립트에서 배열을 짝수 블록으로 분할하는 방법을 보여줍니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

JavaScript에서 배열을 짝수 블록으로 분할하는 여러 가지 방법에 대한 자세한 설명

배열은 JavaScript 프로그래밍에서 가장 일반적으로 사용되는 구조 중 하나이므로 배열의 내장 메서드를 이해하는 것이 중요합니다.

이 기사에서는 JS에서 배열을 n 크기의 청크로 분할하는 방법을 살펴봅니다.

구체적으로는 두 가지 방법을 주로 연구합니다.

slice() 메서드와 for 루프를 사용합니다. slice()方法和 for 循环
用splice()方法和 while 循环

使用 slice() 方法将数组分割成偶数块

slice()方法是提取数组块，或者将其切成块的最简单方法：

slice(start, end) 方法返回一个新的数组对象，这一对象是一个由 begin 和 end 决定的原数组的浅拷贝（包括 begin，不包括end）。原始数组不会被改变。

注意：start和end都可以是负整数，这仅表示它们是从数组末尾枚举的。 -1是数组的最后一个元素，-2是倒数第二个，依此类推...

因此，要将列表或数组分割成偶数块，我们使用slice()方法

function sliceIntoChunks(arr, chunkSize) {
    const res = [];
    for (let i = 0; i < arr.length; i += chunkSize) {
        const chunk = arr.slice(i, i + chunkSize);
        res.push(chunk);
    }
    return res;
}

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

로그인 후 복사

运行结果：

[[ 1, 2, 3 ], [ 4, 5, 6 ], [ 7, 8, 9 ], [ 10 ]]

로그인 후 복사

在上面的代码中，我们通过遍历数组并按每个chunkSize对其进行切片，将arr分解成大小为3的小块。在最后一次迭代中，只剩下一个元素(10)，所以它自己就组成一个块。【推荐学习：javascript高级教程】

使用 splice() 方法将数组分割成偶数块

即使splice()方法看起来与slice（）方法相似，但其用法和副作用却大不相同。我们仔细来看看：

// splice 做以下两件事:
// 1. 删除从 startIdx 开始的 deleteCount 元素
// 2. 将提供的新元素(newElem1, newElem2…)插入到myArray中，以索引startIdx开始
// 该方法的返回值是一个包含所有已删除元素的数组

myArray.splice(startIdx, deleteCount, newElem1, newElem2...)

let arrTest = [2, 3, 1, 4]
let chunk = arrTest.splice(0,2)
console.log(chunk) // [2, 3]
console.log(arrTest) // [1, 4]

로그인 후 복사

我们通过一个代码示例来实际了解这一点：

function spliceIntoChunks(arr, chunkSize) {
    const res = [];
    while (arr.length > 0) {
        const chunk = arr.splice(0, chunkSize);
        res.push(chunk);
    }
    return res;
}

const arr = [1, 2, 3, 4, 5, 6, 7, 8];
console.log(spliceIntoChunks(arr, 2));

로그인 후 복사

运行结果：

[ [ 1, 2 ], [ 3, 4 ], [ 5, 6 ], [ 7, 8 ] ]

로그인 후 복사

在这里，我们使用while循环遍历数组。在每次迭代中，我们执行拼接操作，并将每个块添加到结果数组中，直到原始数组中不再有其他元素为止（arr.length> 0）。

需要注意的非常重要的一点是splice()会更改原始数组。如slice()创建原始数组的副本，因此原始数组不会有任何更改。

总结

在本文中，我们介绍了在 JS 中将列表分割为多个块的几种简单方法。在此过程中，我们学习了如何使用几个内置的数组方法，如slice()和splice()

splice를 사용합니다. () 메서드 및 while 루프

slice() 메서드를 사용하여 배열을 짝수 블록으로 분할합니다slice() 메서드는 배열의 덩어리를 추출하거나 덩어리로 자르는 가장 간단한 방법입니다.

slice(start, end) 메서드가 반환됩니다. 새로운 배열 객체, 이 객체는 시작과 끝(시작 포함, 끝 제외)에 의해 결정되는 원래 배열의 얕은 복사본입니다. 원래 배열은 변경되지 않습니다.
참고: start 및 end는 모두 음의 정수일 수 있습니다. 이는 배열의 끝부터 열거된다는 의미입니다. -1은 배열의 마지막 요소이고, -2는 마지막에서 두 번째입니다...

그러므로 목록이나 배열을 짝수 청크로 분할하세요. , slice() 메서드를 사용합니다 rrreee실행 결과:

rrreee🎜위 코드에서는 배열을 반복하고 각 chunkSize로 분할합니다. arr을 3 크기의 작은 조각으로 나눕니다. 마지막 반복에서는 요소가 하나만 남았으므로(10) 자체적으로 블록을 형성합니다. [추천 학습: javascript 고급 튜토리얼🎜]🎜