JavaScript でオブジェクトの配列から特定のプロパティを抽出するにはどうすればよいですか?

オブジェクトの配列から特定のプロパティを抽出する方法

JavaScript では、それぞれにかなりの数のプロパティが含まれるオブジェクトの配列を所有するシナリオが発生することがあります。ただし、その後の処理には選択された少数のみが必要です。このガイドでは、これらの必要なプロパティを抽出し、指定された属性のみを含む新しい配列を作成する手法について詳しく説明します。

説明のために、次の仮想のオブジェクト配列を考えてみましょう:

<code class="javascript">const dummyArray = [
    { "att1": "something", "att2": "something", /* … */, "att100": "something" },
    { "att1": "something", "att2": "something", /* … */, "att100": "something" },
    // …
];</code>

方法 1: オブジェクトの構造化を使用する

オブジェクトの構造化を使用すると、オブジェクトから特定のプロパティを抽出し、それらを新しい変数に割り当てることができます。この手法を利用すると、必要なプロパティのみを含む新しい配列を作成できます。

<code class="javascript">const result = dummyArray.map(({ att20, att30, att70, att80 }) => ({
  att20, 
  att30, 
  att70, 
  att80
}));</code>

この例では、map() メソッドは dummyArray 内の各オブジェクトを反復処理し、次のプロパティのみを含む新しいオブジェクトを返します。プロパティ att20、att30、att70、および att80。

方法 2: 削除演算子を使用する

各オブジェクトから不要なプロパティを選択的に削除し、必要なプロパティを保持することもできます。 ones:

<code class="javascript">const newDummyArray = dummyArray.map(function(item) { 
    delete item.att1; 
    // …
    return item; 
});</code>

このアプローチでは、削除演算子を使用して不要なプロパティを削除し、必要なプロパティだけを変更された配列 newDummyArray に残します。

以上がJavaScript でオブジェクトの配列から特定のプロパティを抽出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。