es6で配列オブジェクトを結合する方法は何ですか？

2年 ago
綾乃, 一希
1 minute

ES6では、拡張演算子（spread operator）を使用して配列オブジェクトを結合することができます。具体的な方法は、結合したい配列オブジェクトを角かっこの中に置き、前に…を付けることです。例えば：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

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

このようにして、2つの配列を1つの新しい配列に結合することができます。同様の方法は、オブジェクト配列の結合にも適用できます。

const objArray1 = [{ name: 'John' }, { name: 'Jane' }];
const objArray2 = [{ age: 30 }, { age: 25 }];

const mergedObjArray = [...objArray1, ...objArray2];
console.log(mergedObjArray); 
// [{ name: 'John' }, { name: 'Jane' }, { age: 30 }, { age: 25 }]

注意：拡張演算子を使用すると、配列やオブジェクトが展開され、展開された要素が新しい配列に挿入されます。

bannerAds