作为一个程序员对于数组遍历大家都不是很陌生, 在开发中我们也经常要处理数组. 这里我们讨论下 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 或者 return
- let arr=[3,7,9];
- for (let key of arr){
- console.log(key);
- }
来源: http://www.css88.com/qa/javascript/10949.html