es6では2つの配列オブジェクトをマージする方法は何ですか？

1年 ago
優斗, 朝陽
1 minute

ES6では、スプレッド演算子（`…`）を使用して2つの配列オブジェクトをマージすることができます。スプレッド演算子は、配列をカンマで区切られた引数のシーケンスに変換し、関数の呼び出しや配列のマージに使用することができます。以下は、スプレッド演算子を使用して2つの配列オブジェクトをマージする方法を示す例です。

const arr1 = [1, 2, 3];

const arr2 = [4, 5, 6];

const mergedArray = […arr1, …arr2];

console.log(mergedArray); // [1, 2, 3, 4, 5, 6]



上記の例では、配列 `arr1` と `arr2` を作成し、それらを展開演算子を使用して新しい配列 `mergedArray` に結合しました。オブジェクトの配列を結合する場合も、同じ方法が使えます。例えば：


const objArr1 = [{ id: 1, name: 'John' }];


const objArr2 = [{ id: 2, name: ‘Jane’ }];


const mergedObjArray = […objArr1, …objArr2];


console.log(mergedObjArray); // [{ id: 1, name: ‘John’ }, { id: 2, name: ‘Jane’ }]




注意：展開演算子は浅いコピーにしか使用できず、結合された配列内のオブジェクトは元のオブジェクトへの参照のままです。オブジェクトの配列を深いコピーする必要がある場合は、`JSON.parse(JSON.stringify(array))` を使用するなど、他の方法を利用してください。

        


        
        

			         

    


	



		            	                        

        


    

















  
    bannerAds