数组中常用的遍历方法有四种,分别是:
● 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<len;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); }
以上就是javascript中怎么遍历数组?的详细内容,更多请关注0133技术站其它相关文章!