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复制代码

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。

转载于:https://juejin.im/post/5ccedb12f265da03981fd8b8