JavaScriptでオブジェクト配列を操作する方法

1. オブジェクト配列の作成 まず、オブジェクト配列を作成する方法を見てみましょう。

const myArray = [{ name: 'John', age: 25 }, { name: 'Jane', age: 30 }, { name: 'Bob', age: 35 }];

2. オブジェクト配列の要素にアクセスする 次に、オブジェクト配列の要素にアクセスする方法です。

console.log(myArray[0]); // 最初の要素を表示
console.log(myArray[1].name); // 2番目の要素の名前を表示

3. オブジェクト配列に要素を追加する 新しい要素をオブジェクト配列に追加するには、pushメソッドを使用します。

myArray.push({ name: 'Alice', age: 28 });
console.log(myArray);

4. オブジェクト配列から要素を削除する spliceメソッドを使用して、オブジェクト配列から要素を削除することもできます。

myArray.splice(1, 1); // 2番目の要素を削除
console.log(myArray);

5. オブジェクト配列をループする オブジェクト配列の要素をループ処理する方法です。

for (let i = 0; i < myArray.length; i++) {
  console.log(myArray[i].name);
}

6. オブジェクト配列をフィルタリングする 特定の条件に基づいてオブジェクト配列をフィルタリングする方法です。

const filteredArray = myArray.filter(item => item.age > 30);
console.log(filteredArray);