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 相关文章推荐
使用Microsoft Ajax Minifier减小JavaScript文件大小的方法
Apr 01 Javascript
JS实现5秒钟自动封锁div层的方法
Feb 20 Javascript
JavaScript返回0-1之间随机数的方法
Apr 06 Javascript
javascript记住用户名和登录密码(两种方式)
Aug 04 Javascript
JS修改地址栏参数实例代码
Jun 14 Javascript
html+js+highcharts绘制圆饼图表的简单实例
Aug 04 Javascript
jQuery快速实现商品数量加减的方法
Feb 06 Javascript
详解Angular 开发环境搭建
Jun 22 Javascript
vue使用xe-utils函数库的具体方法
Mar 06 Javascript
vue全局组件与局部组件使用方法详解
Mar 29 Javascript
vue基础之模板和过滤器用法实例分析
Mar 12 Javascript
Javascript异步执行不按顺序解决方案
Apr 30 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类
2006/11/27 PHP
防止MySQL注入或HTML表单滥用的PHP程序
2009/01/21 PHP
sphinx增量索引的一个问题
2011/06/14 PHP
在win系统安装配置 Memcached for PHP 5.3 图文教程
2015/03/03 PHP
Symfony2获取web目录绝对路径、相对路径、网址的方法
2016/11/14 PHP
FCK调用方法..
2006/12/21 Javascript
javascript appendChild,innerHTML,join性能比较代码
2009/08/29 Javascript
Node.js的特点和应用场景介绍
2014/11/04 Javascript
node.js中的fs.realpathSync方法使用说明
2014/12/16 Javascript
js实现多选项切换导航菜单的方法
2015/02/06 Javascript
jQuery插件expander实现图片翻转特效
2015/05/21 Javascript
jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
2015/09/27 Javascript
解读Bootstrap v4 sass设计
2016/05/29 Javascript
关于JSON与JSONP简单总结
2016/08/16 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
2016/10/20 Javascript
详解从新建vue项目到引入组件Element的方法
2017/08/29 Javascript
Vue的事件响应式进度条组件实例详解
2018/02/04 Javascript
js实现图片上传并预览功能
2018/08/06 Javascript
vue 开发之路由配置方法详解
2019/12/02 Javascript
pytorch 模型可视化的例子
2019/08/17 Python
pytorch中的transforms模块实例详解
2019/12/31 Python
python opencv根据颜色进行目标检测的方法示例
2020/01/15 Python
Python变量及数据类型用法原理汇总
2020/08/06 Python
python+django+selenium搭建简易自动化测试
2020/08/19 Python
Python爬取微信小程序通用方法代码实例详解
2020/09/29 Python
Django实现随机图形验证码的示例
2020/10/15 Python
澳大利亚药房在线:ThePharmacy
2017/10/04 全球购物
error和exception有什么区别
2012/10/02 面试题
基于Python 函数和方法的区别说明
2021/03/24 Python
运动会开幕式解说词
2014/02/05 职场文书
四年级语文教学反思
2014/02/05 职场文书
2014年安全生产大检查方案
2014/05/13 职场文书
励志演讲稿300字
2014/08/21 职场文书
居委会四风问题个人对照检查材料
2014/09/25 职场文书
会计实训报告范文
2014/11/04 职场文书
反邪教教育心得体会
2016/01/15 职场文书