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 自定义类型方法小结
Mar 02 Javascript
JS获取页面窗口大小的代码解读
Dec 01 Javascript
利用js读取动态网站从服务器端返回的数据
Feb 10 Javascript
javascript对象的使用和属性操作示例详解
Mar 02 Javascript
Javascript通过overflow控制列表闭合与展开的方法
May 15 Javascript
js仿微博实现统计字符和本地存储功能
Dec 22 Javascript
js下将金额数字每三位一逗号分隔
Feb 19 Javascript
JS实现评价的星星功能
Aug 20 Javascript
微信小程序如何获取openid及用户信息
Jan 26 Javascript
微信小程序实现的canvas合成图片功能示例
May 03 Javascript
小程序多图列表实现性能优化的方法步骤
May 28 Javascript
vue-cli3中配置alias和打包加hash值操作
Sep 04 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
一个图形显示IP的PHP程序代码
2007/10/19 PHP
CodeIgniter图像处理类的深入解析
2013/06/17 PHP
Laravel 5框架学习之Eloquent 关系
2015/04/09 PHP
深入浅出php socket编程
2015/05/13 PHP
php实现对象克隆的方法
2015/06/20 PHP
总结PHP中初始化空数组的最佳方法
2019/02/13 PHP
js 模拟实现类似c#下的hashtable的简单功能代码
2010/01/24 Javascript
javascript获取下拉列表框当中的文本值示例代码
2013/07/31 Javascript
js简单实现HTML标签Select联动带跳转
2013/10/23 Javascript
JQuery中$.ajax()方法参数详解及应用
2013/12/12 Javascript
用原生js做个简单的滑动效果的回到顶部
2014/10/15 Javascript
js实现ArrayList功能附实例代码
2014/10/29 Javascript
对jQuary选择器的全面总结
2016/06/20 Javascript
javascript和jQuery实现网页实时聊天的ajax长轮询
2016/07/20 Javascript
html+js+highcharts绘制圆饼图表的简单实例
2016/08/04 Javascript
JavaScript常用正则验证函数实例小结【年龄,数字,Email,手机,URL,日期等】
2017/01/23 Javascript
JavaScript自定义文本框光标
2017/03/05 Javascript
node koa2实现上传图片并且同步上传到七牛云存储
2017/07/31 Javascript
jQuery实现腾讯信用界面(自制刻度尺)样式
2017/08/15 jQuery
vue实现键盘输入支付密码功能
2018/08/18 Javascript
详解滑动穿透(锁body)终极探索
2019/04/16 Javascript
史上最为详细的javascript继承(推荐)
2019/05/18 Javascript
layui使用templet格式化表格数据的方法
2019/09/16 Javascript
Node.JS发送http请求批量检查文件中的网页地址、服务是否有效可用
2019/11/20 Javascript
微信小程序实现时间进度条功能
2020/11/17 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
2020/06/23 Javascript
[01:04:05]VG vs Newbee 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python 去除txt文本中的空格、数字、特定字母等方法
2018/07/24 Python
使用opencv中匹配点对的坐标提取方式
2020/06/04 Python
CSS3的Flexbox布局的简明入门指南
2016/04/08 HTML / CSS
Europcar澳大利亚官网:全球汽车租赁领域的领导者
2019/03/24 全球购物
小蚁科技官方商店:YI Technology
2019/08/23 全球购物
离婚财产处理协议书
2014/09/30 职场文书
Css预编语言及区别详解
2021/04/25 HTML / CSS
mysql 8.0.24 安装配置方法图文教程
2021/05/12 MySQL
Win11 22H2 2022怎么更新? 获得Win1122H22022版本升级技巧
2022/09/23 数码科技