javascript中FOREACH数组方法使用示例

array.prototype.foreach()方法让数组的每一项都执行一次给定的函数。 — mdn

假设有这么一个场景，你拿到了这么一个数组

[
  { symbol: "xfx", price: 240.22, volume: 23432 },
  { symbol: "tnz", price: 332.19, volume: 234 },
  { symbol: "jxj", price: 120.22, volume: 5323 },
]

你需要为其中的symbol创建一个新数组, 也就是

[ "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;
}