JavaScript での 2 つ以上の配列のマージ


JavaScript では、2 つ以上の配列を組み合わせる必要がある場合がよくあります.

2 つの配列を簡単に 1 つに結合する方法を示す基本的な例から始めます.

const arrayOne = [1, 2, 3];

const arrayTwo = [4, 5, 6];

const mergedArray = arrayOne.concat(arrayTwo);


この例では、 mergedArray[1, 2, 3, 4, 5, 6] を返します.

複数の配列のマージ


concat() 配列メソッドを使用して、3 つ以上の配列を結合することもできます.

const arrayOne = [1, 2, 3];

const arrayTwo = [4, 5, 6];

const arrayThree = [7, 8 , 9];

const mergedArray = arrayOne.concat(arrayTwo, arrayThreee);


この例では、 mergedArray[1, 2, 3, 4, 5, 6, 7, 8, 9] を返します.
concat() の優れている点は、 spread operator を使用しているため、必要な数のパラメーターを渡すことができ、それらはすべて順次マージされることです.

重複値の削除



配列をマージするときに、重複する値を破棄したい場合があります.

これを行う簡単なスニペットを次に示します.

const arrayOne = [1, 2, 3, 4, 5];

const arrayTwo = [4, 5, 6, 1, 2];

let mergedArray = arrayOne.concat(arrayTwo);

mergedArray = mergedArray.filter((item, i) => mergedArray.indexOf(item) === i);


この例では、 mergedArray[1, 2, 3, 4, 5, 6] を返します.これは、予想どおり、 arrayOnearrayTwo の集計であり、重複はありません.

結論



配列をマージする方法は他にもありますが、私は常に concat() が最も実用的であることに気付きました.

この簡単なチュートリアルをお楽しみいただけたでしょうか.読んでくれてありがとう.