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全局变量封装模块实现代码
Nov 28 Javascript
Jquery同辈元素选中/未选中效果的实例代码
Aug 01 Javascript
使用jquery获取网页中图片高度的两种方法
Sep 26 Javascript
JQuery中dataGrid设置行的高度示例代码
Jan 03 Javascript
JavaScript中创建对象和继承示例解读
Feb 12 Javascript
js实现人才网站职位选择功能的方法
Aug 14 Javascript
jQuery网页选项卡插件rTabs用法实例分析
Aug 26 Javascript
Javascript 调用 ActionScript 的简单方法
Sep 22 Javascript
js实现可输入可选择的select下拉框
Dec 21 Javascript
基于jQuery实现瀑布流页面
Apr 11 jQuery
vue项目中使用vue-i18n报错的解决方法
Jan 13 Javascript
nuxt 页面路由配置,主页轮播组件开发操作
Nov 05 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中获取关键词及所属来源搜索引擎名称的代码
2011/02/15 PHP
php使用自定义函数实现汉字分割替换功能示例
2017/01/30 PHP
通过实例解析PHP数据类型转换方法
2020/07/11 PHP
ExtJS实现文件下载的方法实例
2013/11/09 Javascript
window.open 以post方式传递参数示例代码
2014/02/27 Javascript
Javascript仿PHP $_GET获取URL中的参数
2014/05/12 Javascript
node.js中Socket.IO的进阶使用技巧
2014/11/04 Javascript
nw.js实现类似微信的聊天软件
2015/03/16 Javascript
原创jQuery弹出层插件分享
2015/04/02 Javascript
在AngularJS中使用AJAX的方法
2015/06/17 Javascript
百度地图API之本地搜索与范围搜索
2015/07/30 Javascript
利用Bootstrap实现表格复选框checkbox全选
2016/12/21 Javascript
vue日期组件 支持vue1.0和2.0
2017/01/09 Javascript
Vue form 表单提交+ajax异步请求+分页效果
2017/04/22 Javascript
Node.js学习之地址解析模块URL的使用详解
2017/09/28 Javascript
vue使用v-if v-show页面闪烁,div闪现的解决方法
2018/10/12 Javascript
Javascript实现html转pdf高清版(提高分辨率)
2020/02/19 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
2020/03/02 Javascript
在vs code 中如何创建一个自己的 Vue 模板代码
2020/11/10 Javascript
[01:32]DOTA2上海特锦赛现场采访:最想COS的英雄
2016/03/25 DOTA
[02:17]2016国际邀请赛中国区预选赛VG战队领队采访
2016/06/26 DOTA
Python实现生成简单的Makefile文件代码示例
2015/03/10 Python
利用Python自动监控网站并发送邮件告警的方法
2016/08/24 Python
Python将图片批量从png格式转换至WebP格式
2020/08/22 Python
基于Django用户认证系统详解
2018/02/21 Python
Python实现的栈、队列、文件目录遍历操作示例
2019/05/06 Python
Python读取二进制文件代码方法解析
2020/06/22 Python
Python实现哲学家就餐问题实例代码
2020/11/09 Python
教师实习自我鉴定
2013/12/14 职场文书
质量承诺书格式
2014/05/20 职场文书
安全目标责任书
2014/07/22 职场文书
党的群众路线对照检查材料
2014/08/27 职场文书
孝敬父母的活动方案
2014/08/31 职场文书
2014年检验科工作总结
2014/11/22 职场文书
学习新党章心得体会2016
2016/01/15 职场文书
小学生六年级作文之关于感恩
2019/08/16 职场文书