JavaScript数组遍历方法小结

前言

数组是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循环遍历

1. for

var a=[1,,3];

a.test='test';

for(var i=0;i<a.length;i++){
	console.log(a[i]);
}

// 1
// undefined
//3
复制代码

2. for...in

var a=[1,,3];

a.test='test';

for(var i in a){
	console.log(a[i]);
}

// 1
// 3
// test
复制代码

3. for...of

var a=[1,,3];

a.test='test';

for(var i of a){
	console.log(i);
}

// 1
// undefined
// 3
复制代码

若是使用for循环遍历数组，推荐使用for...of。

数组自身的遍历方法

1. forEach

var a=[1,,3];

a.test='test';

a.forEach(function(n){
	console.log(n);
})

// 1
// 3
无返回值
复制代码

2. 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。