JavaScript で配列を偶数のブロックに分割するいくつかの方法の詳細な説明

この記事では、JavaScript で配列を偶数のブロックに分割する方法を説明します。一定の参考値があるので、困っている友達が参考になれば幸いです。

#配列は JavaScript プログラミングで最も一般的に使用される構造の 1 つであるため、その組み込みメソッドを理解することが重要です。

この記事では、JS で配列を n サイズのチャンクに分割する方法について説明します。

具体的には、主に 2 つの方法を研究します。

• slice() メソッドと for ループを使用します

• splice() メソッドと while ループを使用します。

slice() を使用します。メソッド 配列を均等なチャンクに分割する

#slice() メソッドは、配列のチャンクを抽出したり、複数のチャンクにスライスしたりする最も簡単な方法です。 ## slide(start, end) メソッドは、begin と end (begin を含む、end を除く) によって決定される元の配列の浅いコピーである新しい配列オブジェクトを返します。元の配列は変更されません。

注: start と

end

はどちらも負の整数にすることができます。これは、単に配列の末尾から列挙されることを意味します。 -1 は配列の最後の要素、-2 は最後から 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));

実行結果: <pre class='brush:php;toolbar:false;'>[[ 1, 2, 3 ], [ 4, 5, 6 ], [ 7, 8, 9 ], [ 10 ]]</pre> 上記のコードでは、配列をループして各 ## を押します#chunkSize

スライスして、

arr

をサイズ

3 の小さな部分に分割します。最後の反復では、要素が 1 つだけ残っているため (10)、それ自体でブロックを形成します。 [推奨学習: JavaScript 上級チュートリアル]splice() メソッドを使用して配列を偶数ブロックに分割します

Even if

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() などのいくつかの組み込み配列メソッドの使用方法を学習しました。

元のアドレス: https://stackabuse.com/how-to-split-an-array-into-even-chunks-in-javascript/著者: Abhilash Kamimanu

翻訳アドレス: https://segmentfault.com/a/1190000039833328

プログラミング関連の知識については、

プログラミング入門

をご覧ください。 ！

以上がJavaScript で配列を偶数のブロックに分割するいくつかの方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。