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 相关文章推荐
JS下高效拼装字符串的几种方法比较与测试代码
Apr 15 Javascript
jQuery控制iFrame(实例代码)
Nov 19 Javascript
动态的绑定事件addEventListener方法的使用
Jan 24 Javascript
jQuery实现仿美橙互联两级导航菜单的方法
Mar 09 Javascript
jQuery oLoader实现的加载图片和页面效果
Mar 14 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
Apr 15 Javascript
JQuery中节点遍历方法实例
May 18 Javascript
你所未知的3种Node.js代码优化方式
Feb 25 Javascript
JS实现下拉菜单列表与登录注册弹窗效果
Aug 10 Javascript
jquery+php后台实现省市区联动功能示例
May 23 jQuery
js实现简易ATM功能
Oct 27 Javascript
一篇文章学会Vue中间件管道
Jun 20 Vue.js
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/09/30 PHP
php正则取img标记中任意属性(正则替换去掉或改变图片img标记中的任意属性)
2013/08/13 PHP
php自定义hash函数实例
2015/05/05 PHP
php获取指定范围内最接近数的方法
2015/06/02 PHP
学习php设计模式 php实现适配器模式
2015/12/07 PHP
PHP中OpenSSL加密问题整理
2017/12/14 PHP
学习YUI.Ext基础第一天
2007/03/10 Javascript
JQuery文本框高亮显示插件代码
2011/04/02 Javascript
jQuery操作 input type=checkbox的实现代码
2012/06/14 Javascript
javascript学习笔记(一)基础知识
2014/09/30 Javascript
javascript框架设计读书笔记之种子模块
2014/12/02 Javascript
jQuery DOM删除节点操作指南
2015/03/03 Javascript
Javascript中的几种继承方式对比分析
2016/03/22 Javascript
深入理解JS addLoadEvent函数
2016/05/20 Javascript
浅谈js里面的InttoStr和StrtoInt
2016/06/14 Javascript
JQuery ZTree使用方法详解
2017/01/07 Javascript
基于JavaScript实现本地图片预览
2017/02/08 Javascript
JavaScript的继承实现小结
2017/05/07 Javascript
Vue-cli@3.0 插件系统简析
2018/09/05 Javascript
axios异步提交表单数据的几种方法
2019/08/11 Javascript
基于javascript实现贪吃蛇经典小游戏
2020/04/10 Javascript
vue路由传参三种基本方式详解
2019/12/09 Javascript
利用aardio给python编写图形界面
2017/08/21 Python
详解Python 正则表达式模块
2018/11/05 Python
解决python3 HTMLTestRunner测试报告中文乱码的问题
2018/12/17 Python
Python面向对象总结及类与正则表达式详解
2019/04/18 Python
用Python实现将一张图片分成9宫格的示例
2019/07/05 Python
Python MySQLdb 执行sql语句时的参数传递方式
2020/03/04 Python
Python如何实现后端自定义认证并实现多条件登陆
2020/06/22 Python
英国婴儿和儿童服装网站:Vertbaudet
2018/04/02 全球购物
Magee 1866官网:Donegal粗花呢外套和大衣专家
2019/11/01 全球购物
写一个方法1000的阶乘
2012/11/21 面试题
保护水资源的标语
2014/06/17 职场文书
学校献爱心活动总结
2014/07/08 职场文书
员工工作及收入证明
2014/10/28 职场文书
《极主夫道》真人电影正式预告 定档6月3日上映
2022/04/05 日漫