本文給大家介紹的是Array.prototype.forEach()的使用方法示例,希望對(duì)大家學(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;
}