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使用prototype定义对象类型
Feb 07 Javascript
html中table数据排序的js代码
Aug 09 Javascript
JS刷新当前页面的几种方法总结
Dec 24 Javascript
浅谈Javascript变量作用域问题
Dec 16 Javascript
javascript bom是什么及bom和dom的区别
Nov 26 Javascript
js实现滑动到页面底部自动加载更多功能
Feb 15 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
Aug 25 Javascript
Angular客户端请求Rest服务跨域问题的解决方法
Sep 19 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
Oct 10 Javascript
ant-design-vue 实现表格内部字段验证功能
Dec 16 Javascript
js实现移动端图片滑块验证功能
Sep 29 Javascript
vue组件中传值EventBus的使用及注意事项说明
Nov 16 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 购物车实例(申精)
2009/05/11 PHP
php入门学习知识点三 PHP上传
2011/07/14 PHP
通过php快速统计某个数据库中每张表的数据量
2012/09/04 PHP
PHP数组循环操作详细介绍 附实例代码
2013/02/03 PHP
php禁止直接从浏览器输入地址访问.php文件的方法
2014/11/04 PHP
php字符比较函数similar_text、strnatcmp与strcasecmp用法分析
2014/11/18 PHP
自己写的php中文截取函数mb_strlen和mb_substr
2015/02/09 PHP
php找出指定范围内回文数且平方根也是回文数的方法
2015/03/23 PHP
Django中的cookie与session操作实例代码
2017/08/17 PHP
javascript跑马灯悬停放大效果实现代码
2012/12/12 Javascript
js之onload事件的一点使用心得
2013/08/14 Javascript
为jQuery添加Webkit的触摸的方法分享
2014/02/02 Javascript
JQuery EasyUI 日期控件如何控制日期选择区间
2014/05/05 Javascript
jquery制作 随机弹跳的小球特效
2015/02/01 Javascript
AngularJS 实现按需异步加载实例代码
2015/10/18 Javascript
jquery实现的V字形显示效果代码
2015/10/27 Javascript
jQuery基于Ajax方式提交表单功能示例
2017/02/10 Javascript
js图片放大镜效果实现方法详解
2020/10/28 Javascript
通俗易懂地解释JS中的闭包
2017/10/23 Javascript
对layui中的onevent 和event的使用详解
2019/09/06 Javascript
微信小程序获取当前位置和城市名
2019/11/13 Javascript
微信小程序商品详情页底部弹出框
2019/11/22 Javascript
python实现矩阵乘法的方法
2015/06/28 Python
python迭代器与生成器详解
2016/03/10 Python
python 实现tar文件压缩解压的实例详解
2017/08/20 Python
Python逐行读取文件中内容的简单方法
2019/02/26 Python
PyCharm-错误-找不到指定文件python.exe的解决方法
2019/07/01 Python
Tensorflow进行多维矩阵的拆分与拼接实例
2020/02/07 Python
python之MSE、MAE、RMSE的使用
2020/02/24 Python
纯CSS3代码实现文字描边
2016/04/25 HTML / CSS
西班牙英格列斯百货官网:El Corte Inglés
2016/09/25 全球购物
公共汽车、火车和飞机票的通用在线预订和销售平台:INFOBUS
2019/11/30 全球购物
结构和类有什么异同
2012/07/16 面试题
财务总经理岗位职责
2014/02/16 职场文书
实训报告范文大全
2014/11/04 职场文书
爱的教育读书笔记
2015/06/26 职场文书