首頁 > web前端 > js教程 > javascript中FOREACH數組方法使用範例_基礎知識

javascript中FOREACH數組方法使用範例_基礎知識

WBOY
發布: 2016-05-16 15:12:39
原創
1642 人瀏覽過

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;
}
登入後複製

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板