作为一个程序员对于数组遍历大家都不是很陌生,在开发中我们也经常要处理数组。那么javascript怎么遍历数组?下面本篇文章就来给大家介绍数组中常用的遍历方法,希望对大家有所帮助。
数组中常用的遍历方法有四种,分别是:
● for
● for-in
● forEach
● for-of (ES6)
1、for循环
使用for循环来遍历一个数组,代码如下:// for循环
let arr=[2,4,6,10];
for(let i=0,len=arr.length;i
console.log(arr[i]);
}
2、for ..in 遍历方式
for-in在遍历的时候,它不仅遍历了对象上的属性,而且还遍历了对象父类原型上的属性。所以for-in并不适合遍历Array中的元素,更适合遍历对象中的属性,var arr = [1, 2, 3, 4];
for (var i in arr) {
console.log(arr[i]);
}
3、forEach 遍历方式
forEach()方法为数组中的每一个有效元素执行一次callback函数。遍历数组让数组中的每一个元素做一件事情。那些已经被删除(使用delete方法等情况)或者未初始化的项将被跳过(但不包含那些值未undefined的项目)。
注意,callback函数将依次被传入3个参数:
● 数组当前项的值
● 数组当前项的索引
● 数组对象本身
示例:var arr = [1, 2, 3, 4];
arr.forEach(function(val, index) {
console.log(val, index);
});
4、for-of遍历方式
for-of是ES6中新增的一个遍历数组或者类数组的方法。它的出现主要是为了解决ES5中3种遍历方式的缺陷:
● forEach 不能break 或者return
● for-in 的缺点更加明显。它不仅遍历了数组中的元素,还遍历了自定义属性,甚至连原型链上的属性都被访问到。
因此使用for-of的优势在于:
● 这是最简洁、直接遍历数组的方式
● 这个方法避开了for-in循环的缺陷
● 与forEach不同,它可以正确响应break,continue,return 语句。
使用for-of的缺点在于:
● for-of不支持普通对象遍历,如果想要遍历普通对象,使用for-in
示例:let arr=[3,7,9];
for (let key of arr){
console.log(key);
}