JavaScriptでのFOREACH配列メソッドの使用例_基礎知識

Array.prototype.forEach() メソッドを使用すると、配列内の各項目で指定された関数を 1 回実行できます。 — MDN

そのようなシナリオがあり、そのような配列を取得したとします

[
{ シンボル: "XFX"、価格: 240.22、ボリューム: 23432 }、
{ シンボル: "TNZ"、価格: 332.19、ボリューム: 234 }、
{ シンボル: "JXJ"、価格: 120.22、ボリューム: 5323 }、
]

その中のシンボル用に新しい配列、つまり

を作成する必要があります。

[「XFX」、「TNZ」、「JXJ」]
通常、これは for ループを使用して実現できます:

function getStockSymbols(stocks) {
 var symbols = [],
   stock,
   i;
   
 for (i = 0; i < stocks.length; i++) {
  stock = stocks[i];
  symbols.push(stock.symbol);
 }

 return symbols;
}

var symbols = getStockSymbols([
 { symbol: "XFX", price: 240.22, volume: 23432 },
 { symbol: "TNZ", price: 332.19, volume: 234 },
 { symbol: "JXJ", price: 120.22, volume: 5323 },
]);

出力: "[/"XFX/"、"TNZ/"、"JXJ/"]"

Array の forEach メソッドを使用してコードを簡素化することもできます。出力はまったく同じです。

function getStockSymbols(stocks) {
 var symbols = [];

 stocks.forEach(function(stock) {
  symbols.push(stock.symbol);
 });

 return symbols;
}