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 相关文章推荐
图片onload事件触发问题解决方法
Jul 31 Javascript
javascript解三阶幻方(九宫格)
Apr 22 Javascript
利用CSS3在Angular中实现动画
Jan 15 Javascript
封装属于自己的JS组件
Jan 27 Javascript
AngularJS 最常用的功能汇总
Feb 17 Javascript
Bootstrap显示与隐藏简单实现代码
Mar 06 Javascript
jquery中$.fn和图片滚动效果实现的必备知识总结
Apr 21 jQuery
关于在mongoose中填充外键的方法详解
Aug 14 Javascript
彻底搞懂JavaScript中的apply和call方法(必看)
Sep 18 Javascript
jQuery pager.js 插件动态分页功能实例分析
Aug 02 jQuery
15 分钟掌握vue-next响应式原理
Oct 13 Javascript
extjs4图表绘制之折线图实现方法分析
Mar 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伪静态Rewrite设置之APACHE篇
2014/07/30 PHP
php常用hash加密函数
2014/11/22 PHP
php实现用于删除整个目录的递归函数
2015/03/16 PHP
php+mysql实现简单的增删改查功能
2015/07/13 PHP
PHPExcel在linux环境下导出报500错误的解决方法
2017/01/26 PHP
面向对象的Javascript之三(封装和信息隐藏)
2012/01/27 Javascript
利用JQuery动画制作滑动菜单项效果实现步骤及代码
2013/02/07 Javascript
JS实现div居中示例
2014/04/17 Javascript
textarea焦点的用法实现获取焦点清空失去焦点提示效果
2014/05/19 Javascript
详谈jQuery中的this和$(this)
2014/11/13 Javascript
JavaScript和JQuery的鼠标mouse事件冒泡处理
2015/06/19 Javascript
JS中artdialog弹出框控件之提交表单思路详解
2016/04/18 Javascript
详解Angular-Cli中引用第三方库
2017/05/21 Javascript
使用watch监听路由变化和watch监听对象的实例
2018/02/24 Javascript
微信小程序实现联动选择器
2019/02/15 Javascript
基于Fixed定位的框选功能的实现代码
2019/05/13 Javascript
微信小程序实现日期格式化和倒计时
2020/11/01 Javascript
使用apifm-wxapi模块中的问题及解决方法
2019/08/05 Javascript
ES6如何用一句代码实现函数的柯里化
2020/01/18 Javascript
[00:59]DOTA2背景故事第二期之四大基本法则
2020/07/07 DOTA
python发布模块的步骤分享
2014/02/21 Python
Python设计模式之观察者模式实例
2014/04/26 Python
Python发送Email方法实例
2014/08/21 Python
利用Python操作消息队列RabbitMQ的方法教程
2017/07/19 Python
Python语言生成水仙花数代码示例
2017/12/18 Python
使用python实现BLAST
2018/02/12 Python
VScode编写第一个Python程序HelloWorld步骤
2018/04/06 Python
Python3之读取连接过的网络并定位的方法
2018/04/22 Python
Python获取好友地区分布及好友性别分布情况代码详解
2019/07/10 Python
详解Python并发编程之创建多线程的几种方法
2019/08/23 Python
Python计算两个矩形重合面积代码实例
2019/09/16 Python
python序列化与数据持久化实例详解
2019/12/20 Python
园林毕业生自我鉴定范文
2013/12/29 职场文书
卫生院艾滋病宣传活动小结
2014/07/09 职场文书
校长一岗双责责任书
2015/05/09 职场文书
python数字图像处理之对比度与亮度调整示例
2022/06/28 Python