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 相关文章推荐
JavaScript的单例模式 (singleton in Javascript)
Jun 11 Javascript
简体中文转换繁体中文(实现代码)
Dec 25 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
Oct 30 Javascript
node.js中的fs.ftruncate方法使用说明
Dec 15 Javascript
简单分析javascript面向对象与原型
May 21 Javascript
js 连续赋值的简单实现
Jun 13 Javascript
jQuery Masonry瀑布流布局神器使用详解
May 25 jQuery
angularjs下拉框空白的解决办法
Jun 20 Javascript
小程序页面动态配置实现方法
Feb 05 Javascript
谈谈JavaScript中super(props)的重要性
Feb 12 Javascript
JavaScript函数式编程(Functional Programming)纯函数用法分析
May 22 Javascript
Node.js API详解之 tty功能与用法实例分析
Apr 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执行zip与rar解压缩方法实现代码
2010/12/05 PHP
php生成N个不重复的随机数实例
2013/11/12 PHP
PHP SOCKET编程详解
2015/05/22 PHP
php 读写json文件及修改json的方法
2018/03/07 PHP
PHP ajax+jQuery 实现批量删除功能实例代码小结
2018/12/06 PHP
用php定义一个数组最简单的方法
2019/10/04 PHP
IE6下CSS图片缓存问题解决方法
2010/12/09 Javascript
javascript动态加载三
2012/08/22 Javascript
css配合jquery美化 select
2013/11/29 Javascript
Javascript玩转继承(一)
2014/05/08 Javascript
jquery uploadify 在FF下无效的解决办法
2014/09/26 Javascript
sso跨域写cookie的一段js脚本(推荐)
2016/05/25 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
2017/05/09 Javascript
深入浅析AngularJS中的一次性数据绑定 (bindonce)
2017/05/11 Javascript
JS简单实现滑动加载数据的方法示例
2017/10/18 Javascript
Nuxt升级2.0.0时出现的问题(小结)
2018/10/08 Javascript
浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验
2018/12/20 Javascript
Vue2.0+Vux搭建一个完整的移动webApp项目的示例
2019/03/19 Javascript
使用watch在微信小程序中实现全局状态共享
2019/06/03 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
2019/11/26 jQuery
vue 监听 Treeselect 选择项的改变操作
2020/08/31 Javascript
JS画布动态实现黑客帝国背景效果
2020/11/08 Javascript
python操作ssh实现服务器日志下载的方法
2015/06/03 Python
Python查询阿里巴巴关键字排名的方法
2015/07/08 Python
Python 中 Meta Classes详解
2016/02/13 Python
Php多进程实现代码
2018/05/07 Python
浅析Python与Mongodb数据库之间的操作方法
2019/07/01 Python
Django ORM实现按天获取数据去重求和例子
2020/05/18 Python
python 通过文件夹导入包的操作
2020/06/01 Python
HTML5 解析规则分析
2009/08/14 HTML / CSS
html5教程制作简单画板代码分享
2013/12/04 HTML / CSS
优良学风班申请材料
2014/02/13 职场文书
请假条格式范文
2014/04/10 职场文书
安全教育演讲稿
2014/05/09 职场文书
《从现在开始》教学反思
2016/02/16 职场文书
Django+Celery实现定时任务的示例
2021/06/23 Python