javascript中FOREACH数组方法使用示例
Array.prototype.forEach()方法让数组的每一项都执行一次给定的函数。 — MDN
假设有这么一个场景,你拿到了这么一个数组
[
{ symbol: "XFX", price: 240.22, volume: 23432 },
{ symbol: "TNZ", price: 332.19, volume: 234 },
{ symbol: "JXJ", price: 120.22, volume: 5323 },
]
你需要为其中的symbol创建一个新数组, 也就是
[ "XFX", "TNZ", "JXJ"]
一般可以用for循环实现:
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修改原数组与sort排序经典场景详解
- js数组forEach实例用法详解
- Nodejs 数组的队列以及forEach的应用详解
- JavaScript遍历数组的三种方法map、forEach与filter实例详解
- js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
- Javascript数组循环遍历之forEach详解
- JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别
- JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
- Javascript数组的 forEach 方法详细介绍
相关文章
JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解
以前一直会三个函数的使用产生混淆,现在通过对三个函数的原型定义的理解,其实很容易记住三个函数。2010-04-04javascript中的onkeyup和onkeydown区别介绍
文本框里输入的时候要开始计算文本框里面输入了多少字,自然想到了onkeydown事件,然后计算value.length的方法,下面看下具体的代码2013-04-04缓动函数requestAnimationFrame 更好的实现浏览器经动画
requestAnimationFrame是什么?一直是我们大家所疑惑的,缓动函数requestAnimationFrame 更好的实现浏览器经动画,接下来将为大家详细介绍2012-12-12javascript学习笔记(五) Array 数组类型介绍
javascript学习笔记之Array 数组类型介绍,需要的朋友可以参考下2012-06-06
最新评论