![519d07323dda856c31020deb8d283bea.png](https://i-blog.csdnimg.cn/blog_migrate/e133fd4e9cc758c039822deb345ce9e9.jpeg)
在很多语言都会遍历数组,在js中也是如此,最常见的莫过于下面这种:
let a = ['x','y','z'];for(let i=0;i
定义变量i,然后让这个变量作自+1操作,知道这个变量小于数组的长度。然后根据下标获取数组中的每个值。
相对于上面这种,我们可以对数组进行for-in循环:
let a = ['x','y','z'];for(let i in a){ console.log(a[i])}
for-in是对object作遍历时用到的。由于array继承自object,所以数组也可以进行for-in循环,注意for-in循环的左值为数组的下标。
还有一个类似的处理为for-of循环,
let a = ['x','y','z'];for(let i of a){ console.log(i);}
但是for-of循环的话对数组可以使用,但是对object实例使用时会报错。
let b = { x:'x', y:'y', z:'z'}for(let i of b){ console.log(i);// TypeError: b is not iterable}
可以猜想for-of循环本身是应用在迭代器iterable类,但是数组为什么也是可以用的!!!,注意for-of循环的左值为数组value值。
还有2种源自Array的构造器函数的原型:
let a = ['x','y','z'];a.forEach((_a,i)=>{ console.log(_a,i);})a.map((_a,i)=>{ console.log(_a,i);})
forEach方法和map方法都是数组原型上的方法,参数都是一个函数(下面称为回调函数),并且这个函数传入2个参数(value,key),我们可以在这个函数内部对数组进行循环遍历操作。那为什么要在原型上添加两个一样的方法呢??
其实从定义的方法明我们可以看到这两个方法应该是有区别的:
let a = ['x','y','z'];console.log(a.forEach((_a,i)=>_a))//undefinedconsole.log(a.map((_a,i)=>_a))//["x