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 相关文章推荐
checkbox 多选框 联动实现代码
Oct 22 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
Dec 08 Javascript
javascript实现节点(div)名称编辑
Dec 17 Javascript
微信JS接口汇总及使用详解
Jan 09 Javascript
js为什么不能正确处理小数运算?
Dec 29 Javascript
详解Bootstrap创建表单的三种格式(一)
Jan 04 Javascript
JavaScript实现搜索框的自动完成功能(一)
Feb 25 Javascript
第三章之Bootstrap 表格与按钮功能
Apr 25 Javascript
Map.vue基于百度地图组件重构笔记分享
Apr 17 Javascript
解决Vue打包之后文件路径出错的问题
Mar 06 Javascript
微信用户访问小程序的登录过程详解
Sep 20 Javascript
javascript实现鼠标点击生成文字特效
Dec 24 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
《心理测量者3》剧场版动画预告
2020/03/02 日漫
删除无限级目录与文件代码共享
2006/07/12 PHP
php导出中文内容excel文件类实例
2015/07/06 PHP
yii去掉必填项中星号的方法
2015/12/28 PHP
Laravel5.1 框架Request请求操作常见用法实例分析
2020/01/04 PHP
Yii中特殊行为ActionFilter的使用方法示例
2020/10/18 PHP
js和jquery对dom节点的操作(创建/追加)
2013/04/21 Javascript
jQuery Ajax异步处理Json数据详解
2013/11/05 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
2014/11/13 Javascript
Bootstrap每天必学之js插件
2015/11/30 Javascript
javascript中异常处理案例(推荐)
2016/10/03 Javascript
JavaScript中Object值合并方法详解
2017/12/22 Javascript
JS中双击和单击事件冲突的解决方法
2018/04/09 Javascript
vue 表单之通过v-model绑定单选按钮radio
2019/05/13 Javascript
微信小程序实现文件、图片上传功能
2020/08/18 Javascript
Vue实现搜索结果高亮显示关键字
2019/05/28 Javascript
如何让微信小程序页面之间的通信不再变困难
2019/06/03 Javascript
vue的hash值原理也是table切换实例代码
2020/12/14 Vue.js
[01:04:32]DOTA2-DPC中国联赛 正赛 Aster vs LBZS BO3 第二场 2月23日
2021/03/11 DOTA
用Python从零实现贝叶斯分类器的机器学习的教程
2015/03/31 Python
python实现mysql的读写分离及负载均衡
2018/02/04 Python
Python中max函数用于二维列表的实例
2018/04/03 Python
让代码变得更易维护的7个Python库
2018/10/09 Python
Python常用特殊方法实例总结
2019/03/22 Python
CSS3感应鼠标的背景闪烁和图片缩放动画效果
2014/05/14 HTML / CSS
Android面试题及答案
2015/09/04 面试题
群众路线教育党课主持词
2014/04/01 职场文书
班干部竞选演讲稿
2014/04/24 职场文书
励志演讲稿600字
2014/08/21 职场文书
学习退步检讨书
2014/09/28 职场文书
卖车协议书范本4篇
2014/10/01 职场文书
教师师德表现自我评价
2015/03/05 职场文书
汽车销售员工作总结
2015/08/12 职场文书
nginx限制并发连接请求数的方法
2021/04/01 Servers
Nginx如何配置Http、Https、WS、WSS的方法步骤
2021/05/11 Servers
Redis批量生成数据的实现
2022/06/05 Redis