javascript中FOREACH數(shù)組方法使用示例
更新時間：2016年03月01日 11:52:33 投稿：hebedich
本文給大家介紹的是Array.prototype.forEach()的使用方法示例，希望對大家學習javascript能夠有所幫助。
Array.prototype.forEach()方法讓數(shù)組的每一項都執(zhí)行一次給定的函數(shù)。 — MDN
假設(shè)有這么一個場景，你拿到了這么一個數(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)建一個新數(shù)組, 也就是
[ "XFX", "TNZ", "JXJ"]
一般可以用for循環(huán)實現(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;
}
您可能感興趣的文章:
- Js中forEach修改原數(shù)組與sort排序經(jīng)典場景詳解
- js數(shù)組forEach實例用法詳解
- Nodejs 數(shù)組的隊列以及forEach的應(yīng)用詳解
- JavaScript遍歷數(shù)組的三種方法map、forEach與filter實例詳解
- js/jquery遍歷對象和數(shù)組的方法分析【forEach，map與each方法】
- Javascript數(shù)組循環(huán)遍歷之forEach詳解
- JavaScript使用forEach()與jQuery使用each遍歷數(shù)組時return false 的區(qū)別
- JavaScript中的數(shù)組遍歷forEach()與map()方法以及兼容寫法介紹
- Javascript數(shù)組的?forEach?方法詳細介紹
相關(guān)文章
下面分享網(wǎng)頁全屏顯示代碼，想做全屏顯示效果的朋友可以參照下。2009-07-07
本文詳細講解了JavaScript操作DOM對象的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-02-02
window.requestAnimationFrame是什么意思,怎么用
window.requestAnimationFrame 告訴瀏覽器您要執(zhí)行的動畫并且請求瀏覽器的在下一個動畫幀重繪窗口,方法在瀏覽器重繪之前作為一個回調(diào)函數(shù)被調(diào)用,就是告訴瀏覽器在刷新屏幕的時候，調(diào)用這個方法2013-01-01
Javascript開發(fā)之三數(shù)組對象實例介紹
Javascript開發(fā)之三組數(shù)對象詳細介紹，需要的朋友可以參考下2012-11-11
這篇文章主要介紹了JavaScript中toString()方法的使用詳解,是JS入門學習中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
JavaScript數(shù)據(jù)類型之基本類型和引用類型的值
這篇文章主要介紹了JavaScript數(shù)據(jù)類型之基本類型和引用類型的值,本文講解了動態(tài)的屬性、復制變量值、傳遞參數(shù)、檢測類型等內(nèi)容,需要的朋友可以參考下2015-04-04
在實際應(yīng)用中，偶爾會用到復選框checkbox的值,那么如何獲取它的值呢？本文接下來會介紹使用js獲取復選框值,需要的朋友可以了解下2012-12-12
JS Timing...2007-04-04
這篇文章主要介紹了深入了解JavaScript中的Symbol的使用方法,本文針對ES6版本的JS進行講解,需要的朋友可以參考下2015-07-07
淺析JavaScript 箭頭函數(shù) generator Date JSON
下面小編就為大家?guī)硪黄獪\析JavaScript 箭頭函數(shù) generator Date JSON。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05