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 相关文章推荐
小议Function.apply() 之一------(函数的劫持与对象的复制)
Nov 30 Javascript
javascript eval函数深入认识
Feb 21 Javascript
JavaScript下通过的XMLHttpRequest发送请求的代码
Jun 28 Javascript
jquery 检测元素是否存在的实例代码
Nov 19 Javascript
node.js读取文件到字符串的方法
Jun 29 Javascript
cocos2dx骨骼动画Armature源码剖析(三)
Sep 08 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
Oct 09 Javascript
第三篇Bootstrap网格基础
Jun 21 Javascript
详解Angular开发中的登陆与身份验证
Jul 27 Javascript
通过原生JS实现为元素添加事件的方法
Nov 23 Javascript
swiper在vue项目中loop循环轮播失效的解决方法
Sep 15 Javascript
ligerUI的ligerDialog关闭刷新的方法
Sep 27 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下保存远程图片到本地的办法
2010/08/08 PHP
解析php中的fopen()函数用打开文件模式说明
2013/06/20 PHP
从PHP $_SERVER相关参数判断是否支持Rewrite模块
2013/09/26 PHP
支持中文和其他编码的php截取字符串函数分享(截取中文字符串)
2014/03/13 PHP
ThinkPHP内置jsonRPC的缺陷分析
2014/12/18 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
PHP配置ZendOpcache插件加速
2019/02/14 PHP
PHP+jQuery实现即点即改功能示例
2019/02/21 PHP
jQuery Tools tooltip使用说明
2012/07/14 Javascript
JavaScript中把数字转换为字符串的程序代码
2013/06/19 Javascript
JS简单实现多级Select联动菜单效果代码
2015/09/06 Javascript
JavaScript中this的9种应用场景及三种复合应用场景
2015/09/12 Javascript
sencha ext js 6 快速入门(必看)
2016/06/01 Javascript
js实现炫酷的左右轮播图
2017/01/18 Javascript
BootStrap fileinput.js文件上传组件实例代码
2017/02/20 Javascript
Node.js进阶之核心模块https入门
2018/05/23 Javascript
浅谈Webpack打包优化技巧
2018/06/12 Javascript
vue中img src 动态加载本地json的图片路径写法
2019/04/25 Javascript
浅谈layui使用模板引擎动态渲染元素要注意的问题
2019/09/14 Javascript
15 分钟掌握vue-next响应式原理
2019/10/13 Javascript
JS实现字体背景跑马灯
2020/01/06 Javascript
Vue解决echart在element的tab切换时显示不正确问题
2020/08/03 Javascript
vue-router 控制路由权限的实现
2020/09/24 Javascript
jQuery是用来干什么的 jquery其实就是一个js框架
2021/02/04 jQuery
使用Pyrex来扩展和加速Python程序的教程
2015/04/13 Python
Python实现的数据结构与算法之快速排序详解
2015/04/22 Python
Python实现Sqlite将字段当做索引进行查询的方法
2016/07/21 Python
Python使用getpass库读取密码的示例
2017/10/10 Python
python 定时修改数据库的示例代码
2018/04/08 Python
python数据结构学习之实现线性表的顺序
2018/09/28 Python
Python 通过微信控制实现app定位发送到个人服务器再转发微信服务器接收位置信息
2019/08/05 Python
PyCharm 在Windows的有用快捷键详解
2020/04/07 Python
最新个人职业生涯规划书
2014/01/22 职场文书
2014年社区庆元旦活动方案
2014/03/08 职场文书
企业宣传策划方案
2014/05/29 职场文书
辩论会主持词
2015/07/03 职场文书