html页面遍历数组,javascript如何遍历数组？

作为一个程序员对于数组遍历大家都不是很陌生，在开发中我们也经常要处理数组。这里我们讨论下JavaScript中常用的数组遍历方法。

数组中常用的遍历方法有四种，分别是：for

for-in

forEach

for-of (ES6)

1、第一种for循环var arr = [1, 2, 3, 4];

for (var i = 0; i < 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的项目)。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 或者returnlet arr=[3,7,9];

for (let key of arr){

console.log(key);

}