前言
数组是JavaScript中重要的数据类型之一,而涉及到数组运用最关键的知识就是遍历数组。因此,本文将总结JavaScript中数据遍历的各种方法,以及遍历数组时会遇到的各种特殊情况。
数组类型的特殊性
数组本质是Object类型,同时又有很多类似数组的对象类型,例如:字符串、arguments对象、NodeList等,因此掌握好数组的遍历方法,也间接掌握了普通对象、类似数组对象的遍历方法。
数组的空位与属性
数组是任意数据类型的有序集合,因此,数组中会存在空位的情况,而不同的遍历方法对于数组的空位处理情况不尽相同。
数组本质上是对象,因此,数组也可以像其他对象一样,添加额外的属性,而有的遍历方法不仅会遍历数组的元素,还会把数组的属性也遍历出来。
var a=[1,,3];
a.test='test';
for(var i in a){
console.log(a[i]);
}
// 1
// 3
// test
for循环遍历
- for
var a=[1,,3];
a.test='test';
for(var i=0;i<a.length;i++){
console.log(a[i]);
}
// 1
// undefined
//3
- for…in
var a=[1,,3];
a.test='test';
for(var i in a){
console.log(a[i]);
}
// 1
// 3
// test
- for…of
var a=[1,,3];
a.test='test';
for(var i of a){
console.log(i);
}
// 1
// undefined
// 3
如果使用for循环遍历数组,推荐使用for…of。
数组自身的遍历方法
- forEach
var a=[1,,3];
a.test='test';
a.forEach(function(n){
console.log(n);
})
// 1
// 3
无返回值
- map
var a=[1,,3];
a.test='test';
a.map(function(n){
console.log(n);
})
// 1
// 3
返回数组:
[undefined, empty, undefined]
a.map(function(n){
console.log(n);
return n;
})
// 1
// 3
返回数组:
[1, empty, 3]
map和forEach都是数组自身的遍历方法,但是两者不同的是,map在遍历完数组后,会返回新的数组,因此如果遍历数组不需要返回值,推荐使用forEach。