javascript中FOREACH数组方法使用示例


Posted in Javascript onMarch 01, 2016

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 相关文章推荐
JS遮罩层效果 兼容ie firefox jQuery遮罩层
Jul 26 Javascript
新发现一个骗链接的方法(js读取cookies)
Jan 11 Javascript
圣诞节Merry Christmas给博客添加浪漫的下雪效果基于jquery实现
Dec 27 Javascript
实现js保留小数点后N位的代码
Nov 13 Javascript
js实现input密码框提示信息的方法(附html5实现方法)
Jan 14 Javascript
javascript 实现动态侧边栏实例详解
Nov 11 Javascript
js实现hashtable的赋值、取值、遍历操作实例详解
Dec 25 Javascript
详解Angular的双向数据绑定(MV-VM)
Dec 26 Javascript
vue2 如何实现div contenteditable=“true”(类似于v-model)的效果
Feb 08 Javascript
JS 60秒后重新发送验证码的实例讲解
Jul 26 Javascript
JS实现的简单折叠展开动画效果示例
Apr 28 Javascript
JavaScript 中的六种循环方法
Jan 06 Javascript
JS实现Select的option上下移动的方法
Mar 01 #Javascript
angular2使用简单介绍
Mar 01 #Javascript
JS实现的在线调色板实例(附demo源码下载)
Mar 01 #Javascript
Bootstrap每天必学之导航条(二)
Mar 01 #Javascript
JavaScript实现简洁的俄罗斯方块完整实例
Mar 01 #Javascript
用NODE.JS中的流编写工具是要注意的事项
Mar 01 #Javascript
JS实现图片平面旋转的方法
Mar 01 #Javascript
You might like
虹吸式咖啡探讨–研磨
2021/03/03 冲泡冲煮
php堆排序(heapsort)练习
2013/11/13 PHP
ThinkPHP水印功能实现修复PNG透明水印并增加JPEG图片质量可调整
2014/11/05 PHP
PHP实现新型冠状病毒疫情实时图的实例
2020/02/04 PHP
JavaScript高级程序设计(第3版)学习笔记7 js函数(上)
2012/10/11 Javascript
js indexOf()定义和用法
2012/10/21 Javascript
JS实现多物体缓冲运动实例代码
2013/11/29 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
2014/05/27 Javascript
JavaScript类型系统之Object详解
2016/01/07 Javascript
JavaScript继承定义与用法实践分析
2018/05/28 Javascript
javascript自定义右键菜单插件
2019/12/16 Javascript
js实现div色块碰撞
2020/01/16 Javascript
使用python绘制人人网好友关系图示例
2014/04/01 Python
Centos Python2 升级到Python3的简单实现
2016/06/21 Python
基于windows下pip安装python模块时报错总结
2018/06/12 Python
对Python正则匹配IP、Url、Mail的方法详解
2018/12/25 Python
pytorch中获取模型input/output shape实例
2019/12/30 Python
Python sqlite3查询操作过程解析
2020/02/20 Python
python实现信号时域统计特征提取代码
2020/02/26 Python
CSS3 绘制BMW logo实的现代码
2013/04/25 HTML / CSS
全球知名巧克力品牌:Godiva
2016/07/22 全球购物
StubHub巴西:购买和出售您的门票
2016/07/22 全球购物
英国工艺品购物网站:Minerva Crafts
2018/01/29 全球购物
Lancer Skincare官方网站:抗衰老皮肤护理
2020/11/20 全球购物
应届生如何写自荐信
2014/01/05 职场文书
书香家庭事迹材料
2014/05/09 职场文书
公司踏青活动方案
2014/08/16 职场文书
女生抽烟检讨书
2014/10/05 职场文书
会计工作总结范文2014
2014/12/23 职场文书
教师读书笔记
2015/06/29 职场文书
如何写好开幕词?
2019/06/24 职场文书
JavaScript实现班级抽签小程序
2021/05/19 Javascript
详解如何用Python实现感知器算法
2021/06/18 Python
关于mysql中时间日期类型和字符串类型的选择
2021/11/27 MySQL
Tomcat starup.bat 脚本实现开机自启动
2022/04/20 Servers
Win10开机修复磁盘错误怎么跳过?Win10关闭开机磁盘检查的方法
2022/09/23 数码科技