简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

javascript中FOREACH数组方法使用示例

来源:易贤网   阅读:965 次  日期:2016-08-04 15:13:37

温馨提示:易贤网小编为您整理了“javascript中FOREACH数组方法使用示例”,方便广大网友查阅!

本文给大家介绍的是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;

}

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:javascript html5实现表单验证
下一篇:JS实现Select的option上下移动的方法
易贤网手机网站地址:javascript中FOREACH数组方法使用示例
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!