js 数组遍历所有元素⽅法总结
⽅法⼀:for(){} 遍历
这是最笨的⽅法,low到不解释
缺点:蠢!
执⾏结果:
⽅法⼆:forEach 遍历
缺点:不能使⽤ break 语句来跳出循环,也不能使⽤ return 语句来从闭包函数中返回。
如果有 for- 这种语法来遍历数组就会⽅便很多,见⽅法三。
源代码:
执⾏结果:
⽅法三:for-in 遍历
可以简单把for in遍历理解为更⾼级的for(){}遍历(能遍历对象属性)
缺点:⽤for-in不仅数组本⾝的元素将被遍历到,那些由⽤户添加的附加元素也将被遍历到,例如某数
组有这样⼀个属性 myArray.name,那么在某次循环中将会出现 index=”name” 的情况。⽽且,甚⾄连数组原型链上的属性也可能被遍历到。最不可思议的是,在某些情况下,上⾯代码将会以任意顺序去遍历数组元素。
var arr = [1,2,3,"a",true ];
for (var i=0;i<arr.length;i++){
console.log("第" + i + "次遍历:" + arr[i]);}
var arr = [1,2,3,"a",true ];
//第⼀个参数为数组的元素,第⼆个元素为数组的下标
arr.forEach (function (ele,index){
console.log("数组下标为:" + index + ",数组元素为:" + arr[index]+"或"+ele);
});
简单来说,for-in 设计的⽬的是⽤于遍历包含键值对(key-value对)的对象,对数组并不是那么友好。1
、
源代码:
执⾏结果:
2、
⼀般对象属性或属性值 也是通过 for in来循环遍历的。代码如下:js数组方法总结
执⾏结果:
⽅法四:for-of 遍历
for-of是ES6引进的新的循环遍历语法。 for–in 是⽤于遍历对象的属性,对数组并不友好;⽽for-of 则是专门⽤来遍历数组中的元素。
var arr = [1,2,3,"a",true ];
for (key in arr){
console.log("第" + key + "次遍历:" +arr[key]);}
var person = {
name :"bty",
age :21,
sex :"man"
};
for (key in person){
console.log("属性:" + key + ",值:" + person[key]);}
var arr = [1,2,3,"a",true ];
//ele 代表数组元素
for (var ele of arr){ //
console.log("数组的元素值:\t" + ele);
}
⽅法五:every()、some()、filter()、map()、reduce()、reduceRight()这⾥⽅法可以翻阅官⽅⽂档查询,不同的情况下运⽤不同的函数,会有各有优缺点,这⾥不多做解释。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论