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 相关文章推荐
JScript中使用ADODB.Stream判断文件编码的代码
Jun 09 Javascript
JS拖动技术 关于setCapture使用
Dec 09 Javascript
多引号嵌套的变量命名的问题
May 09 Javascript
基于JavaScript实现移动端TAB触屏切换效果
Oct 20 Javascript
jquery表单验证需要做些什么
Nov 17 Javascript
Bootstrap源码解读导航条(7)
Dec 23 Javascript
js实现用户输入的小写字母自动转大写字母的方法
Jan 21 Javascript
Vue实现web分页组件详解
Nov 28 Javascript
Vue全局分页组件的实现代码
Aug 10 Javascript
详解如何探测小程序返回到webview页面
May 14 Javascript
详解nuxt 微信公众号支付遇到的问题与解决
Aug 26 Javascript
微信小程序错误this.setData报错及解决过程
Sep 18 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与MySQL开发中页面出现乱码的一种解决方法
2007/07/29 PHP
Http 1.1 Etag 与 Last-Modified提高php效率
2008/01/10 PHP
深入PHP中的HashTable结构详解
2013/06/13 PHP
php使用date和strtotime函数输出指定日期的方法
2014/11/14 PHP
php实现批量修改文件名称的方法
2016/07/23 PHP
laravel高级的Join语法详解以及使用Join多个条件
2019/10/16 PHP
仅img元素创建后不添加到文档中会执行onload事件的解决方法
2011/07/31 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
2013/08/18 Javascript
JavaScript中的操作符==与===介绍
2014/12/31 Javascript
基于jquery实现动态竖向柱状条特效
2016/02/12 Javascript
jquery制做精致的倒计时特效
2016/06/13 Javascript
Angular工具方法学习
2016/12/26 Javascript
阿里大于短信验证码node koa2的实现代码(最新)
2017/09/07 Javascript
打字效果动画的4种实现方法(超简单)
2017/10/18 Javascript
Ant-design-vue Table组件customRow属性的使用说明
2020/10/28 Javascript
python制作一个桌面便签软件
2015/08/09 Python
Python中强大的命令行库click入门教程
2016/12/26 Python
django基础之数据库操作方法(详解)
2017/05/24 Python
python下实现二叉堆以及堆排序的示例
2017/09/29 Python
对pandas中时间窗函数rolling的使用详解
2018/11/28 Python
python爬虫如何解决图片验证码
2021/02/14 Python
你的自行车健身专家:FaFit24
2016/11/16 全球购物
Betsey Johnson官网:妖娆可爱的连衣裙及鞋子、手袋和配件
2016/12/30 全球购物
史蒂夫·马登加拿大官网:Steve Madden加拿大
2017/11/18 全球购物
法国房车租赁网站:Yescapa
2019/08/26 全球购物
C语言怎样定义和声明全局变量和函数最好
2013/11/26 面试题
Linux管理员面试题 Linux admin interview questions
2016/07/08 面试题
银行优秀员工事迹材料
2014/05/29 职场文书
公共场所标语
2014/06/30 职场文书
少先队辅导员事迹材料
2014/12/24 职场文书
第一节英语课开场白
2015/06/01 职场文书
幽灵公主观后感
2015/06/09 职场文书
反邪教观后感
2015/06/11 职场文书
Vue自定义铃声提示音组件的实现
2022/01/22 Vue.js
「魔法少女伊莉雅」美游粘土人开订
2022/03/21 日漫
国际最新研究在陨石中发现DNA主要成分 或由陨石带来地球
2022/04/29 数码科技