javascript数组遍历的方法实例分析


Posted in Javascript onSeptember 13, 2016

本文实例讲述了javascript数组遍历的方法。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
var a = [1,2,3,4,5,6];
var b = a.some(function(ele,index,arr){
  console.log(ele);//输出1,2,3遍历到3停止遍历
  return ele > 2;
});
console.log(b);
console.log("--------------------");
var c = a.every(function(ele,index,arr){
  console.log(ele);//输出1,2,3,4,5遍历到5返回false,停止遍历
  return ele < 5;
});
console.log(c);
console.log("--------------------");
var d = a.filter(function(ele,index,arr){
  console.log(ele);//遍历整个数组,将值大于3的项添加到d数组中
  return ele > 3;
});
console.log(d);
console.log("--------------------");
var e = a.map(function(ele,index,arr){
  console.log(ele);//遍历整个数组,对数组的每个元素执行一次操作,将新的元素添加到e数组中
  return ele+3;
});
console.log(e);
console.log("--------------------");
a.forEach(function(ele,index,arr){
  arr[index] = ele+6;//遍历数组,对数组中的每项执行一次操作,无返回值
});
console.log(a);
</script>
</body>
</html>

some:只要数组中有满足条件的选项,就返回true,不再遍历剩余元素,如果所有项都没有满足条件,则返回false
every:只要数组中有不满足条件的选项,就返回false,不再遍历剩余元素,如果所有项都满足条件,则返回true
filter:筛选数组,该函数返回新的数组,将原数组中满足条件的元素push到新数组中
map:对数组中的每个元素都执行一次callback函数,并返回新的元素到新数组中
forEach:对数组中的每个元素执行一次callback函数,该函数没有返回值

效果图如下:

javascript数组遍历的方法实例分析

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
js 跳出页面的frameset框架示例介绍
Dec 23 Javascript
jQuery获取样式中颜色值的方法
Jan 29 Javascript
jQuery选择器之基本选择器与层次选择器
Mar 03 Javascript
jQuery实现鼠标划过展示大图的方法
Mar 09 Javascript
JavaScript实现简洁的俄罗斯方块完整实例
Mar 01 Javascript
使用HTML5+Boostrap打造简单的音乐播放器
Aug 05 Javascript
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
May 13 jQuery
基于zepto.js实现手机相册功能
Jul 11 Javascript
JS事件绑定的常用方式实例总结
Mar 02 Javascript
vue+element tabs选项卡分页效果
Jun 29 Javascript
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
Oct 05 Javascript
浅谈JavaScript作用域
Dec 06 Javascript
jQuery弹出遮罩层效果完整示例
Sep 13 #Javascript
JS简单去除数组中重复项的方法
Sep 13 #Javascript
jQuery包裹节点用法完整示例
Sep 13 #Javascript
jQuery查找节点方法完整实例
Sep 13 #Javascript
jQuery表单对象属性过滤选择器实例详解
Sep 13 #Javascript
jQuery实现的放大镜效果示例
Sep 13 #Javascript
jQuery实现的简单拖拽功能示例
Sep 13 #Javascript
You might like
php adodb操作mysql数据库
2009/03/19 PHP
学习php设计模式 php实现策略模式(strategy)
2015/12/07 PHP
在php中设置session用memcache来存储的方法总结
2016/01/14 PHP
PHP图片添加水印功能示例小结
2016/10/03 PHP
PHP手机短信验证码实现流程详解
2018/05/17 PHP
PHP针对redis常用操作实例详解
2019/08/17 PHP
让焦点自动跳转
2006/07/01 Javascript
js不完美解决click和dblclick事件冲突问题
2012/07/16 Javascript
jquery中的常用事件bind、hover、toggle等示例介绍
2014/07/21 Javascript
js实现的牛顿摆效果
2015/03/31 Javascript
javascript父子页面通讯实例详解
2015/07/17 Javascript
基于JS分页控件实现简单美观仿淘宝分页按钮效果
2016/11/07 Javascript
AngularJS中table表格基本操作示例
2017/10/10 Javascript
vue-router history模式下的微信分享小结
2018/07/05 Javascript
微信小程序解析富文本过程详解
2019/07/13 Javascript
ant-design-vue 快速避坑指南(推荐)
2020/01/21 Javascript
Python中编写ORM框架的入门指引
2015/04/29 Python
python中强大的format函数实例详解
2018/12/05 Python
pytorch程序异常后删除占用的显存操作
2020/01/13 Python
解决matplotlib.pyplot在Jupyter notebook中不显示图像问题
2020/04/22 Python
Keras SGD 随机梯度下降优化器参数设置方式
2020/06/19 Python
python中xlrd模块的使用详解
2021/02/01 Python
英国时尚配饰、珠宝和服装网站:KJ Beckett
2020/01/23 全球购物
仓库管理专业个人的自我评价
2013/12/30 职场文书
行政工作个人的自我评价
2014/02/13 职场文书
党的群众路线教育实践活动动员会主持词
2014/03/20 职场文书
应届大专生自荐书
2014/06/16 职场文书
收款委托书范本
2014/09/11 职场文书
2014年民主评议党员个人总结
2014/09/24 职场文书
群众路线组织生活会发言材料
2014/10/17 职场文书
2015年团支部年度工作总结
2015/05/27 职场文书
创业计划书之零食店(进口)
2019/09/24 职场文书
2019年公司快递收发管理制度模板
2019/11/20 职场文书
python基于tkinter制作下班倒计时工具
2021/04/28 Python
《总之就是很可爱》新作短篇动画《总之就是很可爱~制服~》将于2022年夏天播出
2022/04/07 日漫
用PYTHON去计算88键钢琴的琴键频率和音高
2022/04/10 Python