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 相关文章推荐
asp(javascript)全角半角转换代码 dbc2sbc
Aug 06 Javascript
用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
Jun 22 Javascript
Javascript 颜色渐变效果的实现代码
Oct 01 Javascript
JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
Jan 11 Javascript
jQuery实现的多屏图像图层切换效果实例
May 07 Javascript
基于javascript实现文字无缝滚动效果
Mar 22 Javascript
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
Mar 27 Javascript
webpack2.0搭建前端项目的教程详解
Apr 05 Javascript
vue之数据交互实例代码
Jun 16 Javascript
Angular中响应式表单的三种更新值方法详析
Aug 22 Javascript
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
Jan 08 jQuery
vue+elementUI实现表格列的显示与隐藏
Apr 13 Vue.js
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
《魔兽争霸3》重制版究竟重制了什么?玩家:这么糊弄真的好吗?
2020/05/04 魔兽争霸
PHP文件注释标记及规范小结
2012/04/01 PHP
PHP函数extension_loaded()用法实例
2015/01/19 PHP
关于php微信订阅号开发之token验证后自动发送消息给订阅号但是没有消息返回的问题
2015/12/21 PHP
ThinkPHP打水印及设置水印位置的方法
2016/10/14 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
javascript innerText和innerHtml应用
2010/01/28 Javascript
js本身的局限性 别让javascript做太多事
2010/03/23 Javascript
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
2010/08/12 Javascript
js前台判断开始时间是否小于结束时间
2012/02/23 Javascript
JS实现Enter键跳转及控件获得焦点
2013/08/12 Javascript
基于jquery扩展漂亮的下拉框可以二次修改
2013/11/19 Javascript
form.submit()不能提交表单的错误原因及解决方法
2014/10/13 Javascript
JS实现表格数据各种搜索功能的方法
2015/03/03 Javascript
jQuery属性选择器用法示例
2016/09/09 Javascript
微信小程序之MaterialDesign--input组件详解
2017/02/15 Javascript
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
2017/03/15 Javascript
详解用vue编写弹出框组件
2017/07/04 Javascript
jquery实现轮播图特效
2020/04/12 jQuery
[53:20]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 VG vs OG
2018/04/03 DOTA
[44:51]2018DOTA2亚洲邀请赛 4.4 淘汰赛 VP vs Liquid 第二场
2018/04/05 DOTA
[46:20]DOTA2-DPC中国联赛 正赛 PSG.LGD vs LBZS BO3 第二场 1月22日
2021/03/11 DOTA
Python 网络编程起步(Socket发送消息)
2008/09/06 Python
Python的Asyncore异步Socket模块及实现端口转发的例子
2016/06/14 Python
pycharm新建Vue项目的方法步骤(图文)
2020/03/04 Python
python多线程实现同时执行两个while循环的操作
2020/05/02 Python
python中random.randint和random.randrange的区别详解
2020/09/20 Python
使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果
2020/11/10 HTML / CSS
GoPro摄像机美国官网:美国运动相机厂商
2018/07/03 全球购物
给领导的致歉信范文
2014/01/13 职场文书
竞选宣传委员演讲稿
2014/05/24 职场文书
本科毕业生自荐信
2014/06/02 职场文书
关于九一八事变的演讲稿2014
2014/09/17 职场文书
成本会计实训报告
2014/11/05 职场文书
一年级数学上册复习计划
2015/01/17 职场文书
python四个坐标点对图片区域最小外接矩形进行裁剪
2021/06/04 Python