快捷導(dǎo)航

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

更新時(shí)間：2016年03月01日 11:52:33 投稿：hebedich

本文給大家介紹的是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;
}

您可能感興趣的文章:

相關(guān)文章

網(wǎng)頁全屏顯示代碼說明分析
下面分享網(wǎng)頁全屏顯示代碼，想做全屏顯示效果的朋友可以參照下。
2009-07-07
JavaScript操作DOM對象詳解
本文詳細(xì)講解了JavaScript操作DOM對象的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-02-02
window.requestAnimationFrame是什么意思,怎么用
window.requestAnimationFrame 告訴瀏覽器您要執(zhí)行的動畫并且請求瀏覽器的在下一個(gè)動畫幀重繪窗口,方法在瀏覽器重繪之前作為一個(gè)回調(diào)函數(shù)被調(diào)用,就是告訴瀏覽器在刷新屏幕的時(shí)候，調(diào)用這個(gè)方法
2013-01-01
Javascript開發(fā)之三數(shù)組對象實(shí)例介紹
Javascript開發(fā)之三組數(shù)對象詳細(xì)介紹，需要的朋友可以參考下
2012-11-11
JavaScript中toString()方法的使用詳解
這篇文章主要介紹了JavaScript中toString()方法的使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下
2015-06-06
JavaScript數(shù)據(jù)類型之基本類型和引用類型的值
這篇文章主要介紹了JavaScript數(shù)據(jù)類型之基本類型和引用類型的值,本文講解了動態(tài)的屬性、復(fù)制變量值、傳遞參數(shù)、檢測類型等內(nèi)容,需要的朋友可以參考下
2015-04-04
js獲取單選框或復(fù)選框值及操作
在實(shí)際應(yīng)用中，偶爾會用到復(fù)選框checkbox的值,那么如何獲取它的值呢？本文接下來會介紹使用js獲取復(fù)選框值,需要的朋友可以了解下
2012-12-12
JS Timing
JS Timing...
2007-04-04
深入了解JavaScript中的Symbol的使用方法
這篇文章主要介紹了深入了解JavaScript中的Symbol的使用方法,本文針對ES6版本的JS進(jìn)行講解,需要的朋友可以參考下
2015-07-07
淺析JavaScript 箭頭函數(shù) generator Date JSON
下面小編就為大家?guī)硪黄獪\析JavaScript 箭頭函數(shù) generator Date JSON。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-05-05