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高级程序设计 扩展--关于动态原型
Nov 09 Javascript
判断对象是否Window的实现代码
Jan 10 Javascript
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
Feb 03 Javascript
JQuery each()函数如何优化循环DOM结构的性能
Dec 10 Javascript
在Linux上用forever实现Node.js项目自启动
Jul 09 Javascript
AngularJS基础 ng-value 指令简单示例
Aug 03 Javascript
JS 实现Base64编码与解码实例详解
Nov 07 Javascript
vue2滚动条加载更多数据实现代码
Jan 10 Javascript
jQuery实现html table行Tr的复制、删除、计算功能
Jul 10 jQuery
微信小程序checkbox组件使用详解
Jan 31 Javascript
webpack4实现不同的导出类型
Apr 09 Javascript
基于js判断浏览器是否支持webGL
Apr 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
Terran剧情介绍
2020/03/14 星际争霸
php实例分享之mysql数据备份
2014/05/19 PHP
Yii2使用小技巧之通过 Composer 添加 FontAwesome 字体资源
2014/06/22 PHP
php实现两个数组相加的方法
2015/02/17 PHP
PHP抽象类和接口用法实例详解
2019/07/20 PHP
PHP利用curl发送HTTP请求的实例代码
2020/07/09 PHP
浅谈JS继承_借用构造函数 &amp; 组合式继承
2016/08/16 Javascript
JS获取鼠标位置距浏览器窗口距离的方法示例
2017/04/11 Javascript
JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码
2017/08/18 Javascript
微信小程序工具函数封装
2019/10/28 Javascript
JavaScript实现随机点名程序
2020/03/25 Javascript
[01:45]亚洲邀请赛互动指南虚拟物品介绍
2015/01/30 DOTA
Python转码问题的解决方法
2008/10/07 Python
用pandas按列合并两个文件的实例
2018/04/12 Python
Python基础教程之if判断,while循环,循环嵌套
2019/04/25 Python
python常用库之NumPy和sklearn入门
2019/07/11 Python
简单了解django缓存方式及配置
2019/07/19 Python
python 数据生成excel导出(xlwt,wlsxwrite)代码实例
2019/08/23 Python
Python 实现取多维数组第n维的前几位
2019/11/26 Python
django 实现手动存储文件到model的FileField
2020/03/30 Python
CSS3 实现弹跳的小球动画
2020/10/26 HTML / CSS
Missguided美国官网:英国时尚品牌
2018/01/18 全球购物
英国森林假期:Forest Holidays
2021/01/01 全球购物
预备党员入党思想汇报
2014/01/04 职场文书
初中生自我鉴定
2014/02/04 职场文书
工作鉴定评语
2014/05/04 职场文书
领导班子四风对照检查材料范文
2014/09/27 职场文书
师德师风学习材料
2014/12/19 职场文书
2015年度团总支工作总结
2015/04/23 职场文书
复试通知单模板
2015/04/24 职场文书
于丹讲座视频观后感
2015/06/15 职场文书
简历中的自我评价应该这样写!
2019/07/12 职场文书
golang中的空接口使用详解
2021/03/30 Python
《仙剑客栈2》第一弹正式宣传片公开 年内发售
2022/04/07 其他游戏
MySQL数据库中的锁、解锁以及删除事务
2022/05/06 MySQL
SQL Server #{}可以防止SQL注入
2022/05/11 SQL Server