JavaScript でオブジェクトのプロパティ値を新しい配列に効率的に抽出するにはどうすればよいですか?

JavaScript でオブジェクトのプロパティ値を配列として抽出する

オブジェクトの配列を操作するときの一般的なタスクは、オブジェクトの配列から特定のフィールド値を抽出することです。各オブジェクトを作成し、それらの値の配列を作成します。

Naiveアプローチ

簡単なアプローチは、配列を反復処理し、目的のプロパティ値を出力配列にプッシュすることです。

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

エレガントなソリューション

ただし、これを実行するには、よりエレガントで慣用的な方法があります。 task:

Array.map()

Array.map() は、提供されたコールバック関数を使用して配列の各要素を変換する組み込みの配列メソッドです。これはプロパティ値の抽出に使用できます:

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

オブジェクトの構造化

複数のプロパティ値を抽出する必要がある場合は、マップ コールバック内でオブジェクトの構造化を使用できます。 :

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

このアプローチはより簡潔で簡単です。 read.

注:

• 配列例には、「foo」および「bar」という名前のプロパティを持つオブジェクトが含まれています。これらの名前は、抽出する必要がある実際のプロパティ名に置き換えることができます。
• Array.map() は、変換された値を含む新しい配列を返すため、出力配列を明示的に作成する必要はありません。
• この配列メソッドの詳細については、Array.prototype.map() ドキュメントを参照してください。

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