js数组遍历所有元素方法 总结
方法一:for(){} 遍历
这是最笨的方法,low到不解释
缺点:蠢!
var arr = [1,2,3,"a",true];
for(var i=0;i<arr.length;i++){console.log("第" + i + "次遍历:" + arr[i]);
}
执行结果:
方法二:forEach 遍历
缺点:不能使用 break 语句来跳出循环,也不能使用 return 语句来从闭包函数中返回。
如果有 for- 这种语法来遍历数组就会方便很多,见方法三。
源代码:
var arr = [1,2,3,"a",true];
//第一个参数为数组的元素,第二个元素为数组的下标
arr.forEach(function(ele,index){ console.log("数组下标为:" + index + ",数组元素为:" + arr[index]+"或"+ele);
});
执行结果:
方法三:for-in 遍历
可以简单把for in遍历理解为更高级的for(){}遍历(能遍历对象属性)
缺点:用for-in不仅数组本身的元素将被遍历到,那些由用户添加的附加元素也将被遍历到,例如某数组有这样一个属性 myArray.name,那么在某次循环中将会出现 index=”name” 的情况。而且,甚至连数组原型链上的属性也可能被遍历到。最不可思议的是,在某些情况下,上面代码将会以任意顺序去遍历数组元素。
简单来说,for-in 设计的目的是用于遍历包含键值对(key-value对)的对象,对数组并不是那么友好。
1、
源代码:
var arr = [1,2,3,"a",true];
for(key in arr){console.log("第" + key + "次遍历:" +arr[key]);
}
执行结果:
2、
一般对象属性或属性值 也是通过 for in来循环遍历的。代码如下:
var person = {name:"bty",age:21,sex:"man"
};
for(key in person){console.log("属性:" + key + ",值:" + person[key]);
}
执行结果:
方法四:for-of 遍历
for-of是ES6引进的新的循环遍历语法。
for–in 是用于遍历对象的属性,对数组并不友好;而for-of 则是专门用来遍历数组中的元素。
var arr = [1,2,3,"a",true];
//ele代表数组元素
for(var ele of arr){ //console.log("数组的元素值:\t" + ele);
}
方法五:every()、some()、filter()、map()、reduce()、reduceRight()
这里方法可以翻阅官方文档查询,不同的情况下运用不同的函数,会有各有优缺点,这里不多做解释。
js数组遍历所有元素方法 总结相关推荐
- js数组遍历的十种方法
1. some() 遍历数组,只要有一个以上的元素满足条件就返回 true,否则返回 false ,退出循环 对数组中每个元素执行一次ok函数,知道某个元素返回true,则直接返回true.如果都返回 ...
- html js 遍历数组,分享几种原生JS数组遍历的方法和应用
数组遍历,对于前后端开发人员,是必须掌握的方法,那么数组遍历有哪些方法呢? OK,今天就分享几种原生JS方法,从原生开始学习,有助于大家应用到各种框架[小程序.三大框架等]中去,毕竟原生才是基本.一共 ...
- JS数组移除元素的八种方法
JS数组移除元素的八种方法 一.修改arr的length方法 let arr = [1,2,3,4,5,6,7,8,9]; arr.length = 3; console.log('length',a ...
- JS数组遍历的几种方式
JS数组遍历的几种方式 JS数组遍历,基本就是for,forin,foreach,forof,map等等一些方法,以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比 第一种:普通for循环 代 ...
- JS遍历(循环)——JS对象遍历(循环)JS数组遍历(循环)
最近在处理一些偏逻辑的代码块经常遇到遍历问题,接下来跟大家一起温习一下有关于JS的遍历吧. js数组遍历 1.for循环 //不缓存 var arr = [5,2,0,1,3,1,4]; for ( ...
- js数组遍历和对象遍历
针对js各种遍历作一个总结分析,从类型用处:分数组遍历和对象遍历:还有性能,优缺点等. JS数组遍历: 1,普通for循环,经常用的数组遍历 var arr = [1,2,0,3,9];for ( v ...
- 转→js数组遍历 千万不要使用for...in...
看到一篇内容还不错,但是排版实在糟糕, 逼死强迫症患者啊,直接拉下去找原文连接,找到了,但是已经消失了···500错误... 第一次因为实在看不下去一篇博客的排版, 为了排版而转载... 转载地址:h ...
- html遍历数组,JS数组遍历的几种方式
JS数组遍历,基本就是for,forin,foreach,forof,map等等一些方法,以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比 第一种:普通for循环 代码如下: for(j = ...
- js 数组删除指定元素
js 数组删除指定元素,js 数组并没有提供直接删除某一指定元素的方法,因此需要我们稍作处理 思路:首先找到要删除的元素的位置,然后使用 splice 方法进行删除 示例代码 删除数组 s 中的 ' ...
最新文章
- python docx 合并文档 图片_Python+pymupdf处理PDF文档案例6则
- 如何求解两个数的最大公约数
- iphone如何查看dns延迟_iPhone手机网速慢?1分钟教你设置DNS,网速立马翻一番
- 帮助文件html打不开,chm帮助文件打不开全是代码?这几种解决方法了解一下
- 让效率“爆表”的49个数据可视化工具
- Integer与int的比较与区别
- 政治经济学第一-三章脉络图
- 读称题写出执行结果html,C++(II)13-14(2)试题B - 往年试卷
- 功能实施方案,不能由程序员做主,一定要经过高手确认
- caxa计算机绘图工程师,CAXA计算机绘图
- Ultimaker Cura集成了HP 3D扫描软件
- tumblr_如何在您的Tumblr博客中添加论坛
- python中pd是什么意思_何时申请(pd.to_numeric)以及何时在python中使用...
- 使用javaCV截取摄像头图片
- 10万ip网站 服务器,我做电影站如何在半年内实现日IP10万(转载)
- install developing enviroment
- 英飞凌单片机--GTM(Generic Timer Module)
- Android RecyclerView多样式列表实践指南
- 用计算机对PLC进行编程时,PLC编程中的五个常见问题
- 工作一年了,回顾过去一年的点滴(二)