javascript中FOREACH数组方法使用示例
更新时间：2016年03月01日 11:52:33 投稿：hebedich
本文给大家介绍的是Array.prototype.forEach()的使用方法示例，希望对大家学习javascript能够有所帮助。
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 方法详细介绍
相关文章
下面分享网页全屏显示代码，想做全屏显示效果的朋友可以参照下。2009-07-07
本文详细讲解了JavaScript操作DOM对象的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-02-02
window.requestAnimationFrame是什么意思,怎么用
window.requestAnimationFrame 告诉浏览器您要执行的动画并且请求浏览器的在下一个动画帧重绘窗口,方法在浏览器重绘之前作为一个回调函数被调用,就是告诉浏览器在刷新屏幕的时候，调用这个方法2013-01-01
Javascript开发之三组数对象详细介绍，需要的朋友可以参考下2012-11-11
这篇文章主要介绍了JavaScript中toString()方法的使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了JavaScript数据类型之基本类型和引用类型的值,本文讲解了动态的属性、复制变量值、传递参数、检测类型等内容,需要的朋友可以参考下2015-04-04
在实际应用中，偶尔会用到复选框checkbox的值,那么如何获取它的值呢？本文接下来会介绍使用js获取复选框值,需要的朋友可以了解下2012-12-12
JS Timing...2007-04-04
这篇文章主要介绍了深入了解JavaScript中的Symbol的使用方法,本文针对ES6版本的JS进行讲解,需要的朋友可以参考下2015-07-07
浅析JavaScript 箭头函数 generator Date JSON
下面小编就为大家带来一篇浅析JavaScript 箭头函数 generator Date JSON。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
最新评论