首页 > 开发 > JS > 正文

javascript中FOREACH数组方法使用示例

2024-05-06 16:29:29
字体:
来源:转载
供稿:网友
本文给大家介绍的是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;}


注:相关教程知识阅读请移步到JavaScript/Ajax教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表