javascript中FOREACH數(shù)組方法使用示例

    本文給大家介紹的是Array.prototype.forEach()的使用方法示例，希望對大家學(xué)習(xí)javascript能夠有所幫助。
    Array.prototype.forEach()方法讓數(shù)組的每一項(xiàng)都執(zhí)行一次給定的函數(shù)。 — MDN
    假設(shè)有這么一個(gè)場景，你拿到了這么一個(gè)數(shù)組
    [
      { symbol: "XFX", price: 240.22, volume: 23432 },
      { symbol: "TNZ", price: 332.19, volume: 234 },
      { symbol: "JXJ", price: 120.22, volume: 5323 },
    ]
    你需要為其中的symbol創(chuàng)建一個(gè)新數(shù)組, 也就是
    [ "XFX", "TNZ", "JXJ"]
    一般可以用for循環(huán)實(shí)現(xiàn)：
    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;
    }