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的逻辑运算符 ||
May 31 Javascript
JavaScript显示当前文档最后修改日期的方法
Mar 19 Javascript
简介AngularJS的HTML DOM支持情况
Jun 17 Javascript
javascript跨域方法、原理以及出现问题解决方法(详解)
Aug 06 Javascript
JavaScript实现横向滑出的多级菜单效果
Oct 09 Javascript
用window.onerror捕获并上报Js错误的方法
Jan 27 Javascript
js替换字符串中所有指定的字符(实现代码)
Aug 17 Javascript
Require.JS中的几种define定义方式示例
Jun 01 Javascript
详解webpack编译速度提升之DllPlugin
Feb 05 Javascript
vue 实现强制类型转换 数字类型转为字符串
Nov 07 Javascript
为react组件库添加typescript类型提示的方法
Jun 15 Javascript
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
Jan 05 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
sqlyog 中文乱码问题的设置方法
2008/10/19 PHP
linux中cd命令使用详解
2015/01/08 PHP
mysql_connect localhost和127.0.0.1的区别(网络层阐述)
2015/03/26 PHP
PHP定时执行任务实现方法详解(Timer)
2015/07/30 PHP
JavaScript 比较时间大小的代码
2010/04/24 Javascript
js浏览器本地存储store.js介绍及应用
2014/05/13 Javascript
JS中如何判断传过来的JSON数据中是否存在某字段
2014/08/18 Javascript
js精美的幻灯片画集特效代码分享
2015/08/29 Javascript
深入浅析JavaScript面向对象和原型函数
2016/02/06 Javascript
javascript中Date对象应用之简易日历实现
2016/07/12 Javascript
详解jQuery插件开发方式
2016/11/22 Javascript
JavaScript实现汉字转换为拼音的库文件示例
2016/12/22 Javascript
js实现3D图片展示效果
2017/03/09 Javascript
Easyui ueditor 整合解决不能编辑的问题(推荐)
2017/06/25 Javascript
微信小程序实现基于三元运算验证手机号/姓名功能示例
2019/01/19 Javascript
javaScript把其它类型转换为Number类型
2019/10/13 Javascript
vue实现带过渡效果的下拉菜单功能
2020/02/19 Javascript
Webpack3+React16代码分割的实现
2021/03/03 Javascript
python基础教程之对象和类的实际运用
2014/08/29 Python
python之wxPython应用实例
2014/09/28 Python
Python中不同进制互相转换(二进制、八进制、十进制和十六进制)
2015/04/05 Python
详解python3中用HTMLTestRunner.py报ImportError: No module named 'StringIO'如何解决
2019/08/27 Python
pytorch nn.Conv2d()中的padding以及输出大小方式
2020/01/10 Python
解决python cv2.imread 读取中文路径的图片返回为None的问题
2020/06/02 Python
python 6行代码制作月历生成器
2020/09/18 Python
利用python进行文件操作
2020/12/04 Python
HTML5 背景的显示区域实现
2020/07/09 HTML / CSS
GAZMAN官网:澳大利亚领先的男装品牌
2019/12/19 全球购物
企业治理工作自我评价
2013/09/26 职场文书
九年级历史教学反思
2014/01/27 职场文书
给校长的建议书100字
2014/05/16 职场文书
心理健康教育培训研修感言
2015/11/18 职场文书
css position fixed 左右双定位的实现代码
2021/04/29 HTML / CSS
Java使用Unsafe类的示例详解
2021/09/25 Java/Android
移除Selenium中window.navigator.webdriver值
2022/06/10 Python
SpringCloud超详细讲解Feign声明式服务调用
2022/06/21 Java/Android