JavaScript でオブジェクトの配列からプロパティ値を配列として効率的に抽出する方法

オブジェクトの配列からプロパティの値を配列として抽出する方法

JavaScript では、抽出する必要がある状況に遭遇することがあります。配列内の各オブジェクトからの特定のプロパティ値。これを実現する 1 つの方法は、以下に示すようにカスタム関数を使用することです:

const objArray = [{ foo: 1, bar: 2 }, { foo: 3, bar: 4 }, { foo: 5, bar: 6 }];

function getFields(input, field) {
  const output = [];
  for (let i = 0; i < input.length; ++i) {
    output.push(input[i][field]);
  }
  return output;
}

const result = getFields(objArray, "foo"); // returns [ 1, 3, 5 ]

ただし、JavaScript の配列メソッドを使用する、より簡潔で慣用的なアプローチもあります:

1. Array.prototype.map():

   このメソッドは呼び出し配列内のすべての要素に対して提供された関数を呼び出した結果を含む新しい配列。ユースケース:

   const result = objArray.map(a => a.foo);

2. Array.prototype.map() with Destructuring:

   map 関数内で分割を使用すると、次のことが可能になります。特定のプロパティをさらに抽出するには簡潔に:

   const result = objArray.map(({ foo }) => foo);

これらのメソッドは、カスタム関数を必要とせずに、よりクリーンで効率的にプロパティ値を抽出する方法を提供します。

以上がJavaScript でオブジェクトの配列からプロパティ値を配列として効率的に抽出する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。