javascript中怎么遍历数组?

作为一个程序员对于数组遍历大家都不是很陌生,在开发中我们也经常要处理数组。那么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<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技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 答疑