javascript中FOREACH數(shù)組方法使用示例
Array.prototype.forEach()方法讓數(shù)組的每一項(xiàng)都執(zhí)行一次給定的函數(shù)。 — MDN
假設(shè)有這么一個(gè)場(chǎng)景,你拿到了這么一個(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方法來(lái)簡(jiǎn)化代碼,它們的輸出是完全一樣的。
function getStockSymbols(stocks) { var symbols = []; stocks.forEach(function(stock) { symbols.push(stock.symbol); }); return symbols; }
- Js中forEach修改原數(shù)組與sort排序經(jīng)典場(chǎng)景詳解
- js數(shù)組forEach實(shí)例用法詳解
- Nodejs 數(shù)組的隊(duì)列以及forEach的應(yīng)用詳解
- JavaScript遍歷數(shù)組的三種方法map、forEach與filter實(shí)例詳解
- js/jquery遍歷對(duì)象和數(shù)組的方法分析【forEach,map與each方法】
- Javascript數(shù)組循環(huán)遍歷之forEach詳解
- JavaScript使用forEach()與jQuery使用each遍歷數(shù)組時(shí)return false 的區(qū)別
- JavaScript中的數(shù)組遍歷forEach()與map()方法以及兼容寫(xiě)法介紹
- Javascript數(shù)組的?forEach?方法詳細(xì)介紹
相關(guān)文章
JavaScript數(shù)據(jù)類(lèi)型轉(zhuǎn)換
本文詳細(xì)講解了JavaScript實(shí)現(xiàn)數(shù)據(jù)類(lèi)型轉(zhuǎn)換的方法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-03-03JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三個(gè)函數(shù)的理解
以前一直會(huì)三個(gè)函數(shù)的使用產(chǎn)生混淆,現(xiàn)在通過(guò)對(duì)三個(gè)函數(shù)的原型定義的理解,其實(shí)很容易記住三個(gè)函數(shù)。2010-04-04javascript splice數(shù)組簡(jiǎn)單操作
javascript splice數(shù)組簡(jiǎn)單操作2010-01-01JavaScript類(lèi)屬性的訪問(wèn)方式詳解
這篇文章主要介紹了JavaScript類(lèi)屬性的訪問(wèn)方式,需要的朋友可以參考下2014-02-02javascript中的onkeyup和onkeydown區(qū)別介紹
文本框里輸入的時(shí)候要開(kāi)始計(jì)算文本框里面輸入了多少字,自然想到了onkeydown事件,然后計(jì)算value.length的方法,下面看下具體的代碼2013-04-04緩動(dòng)函數(shù)requestAnimationFrame 更好的實(shí)現(xiàn)瀏覽器經(jīng)動(dòng)畫(huà)
requestAnimationFrame是什么?一直是我們大家所疑惑的,緩動(dòng)函數(shù)requestAnimationFrame 更好的實(shí)現(xiàn)瀏覽器經(jīng)動(dòng)畫(huà),接下來(lái)將為大家詳細(xì)介紹2012-12-12javascript學(xué)習(xí)筆記(五) Array 數(shù)組類(lèi)型介紹
javascript學(xué)習(xí)筆記之Array 數(shù)組類(lèi)型介紹,需要的朋友可以參考下2012-06-06