JS 数组，对象以及其他迭代对象的循环

Question

数组

arr.forEach((value,index,arr) => {},thisArg)
arr.map((value,index,arr) => {},thisArg)
arr.every((value,index,arr) => {},thisArg)
arr.some((value,index,arr) => {},thisArg)
arr.filter((value,index,arr) => {},thisArg)
arr.find((value,index,arr) => {},thisArg)
arr.findIndex((value,index,arr) => {},thisArg)
arr.reduce((accumulator,value,index,arr) => {},initialValue)
arr.reduceRight((accumulator,value,index,arr) => {},initialValue)
for (var i = 0; i < arr.length; i++) {}

没有办法终止或者跳出 forEach() 或者 map() 循环，除非抛出异常

Array 的 keys(),values(),entries() 返回的是迭代器对象

对象

1. Object.entries()
2. 返回一个给定对象自身除 Symbol 以外 可枚举 属性的键值对数组
3. 与使用 for...in 循环遍历该对象时返回的顺序一致
4. 不会枚举原型链中的属性

   for (const [key, value] of Object.entries(obj)) {
   console.log(`${key}: ${value}`);
   }
   

5. Object.keys()，Object.values() 同上
6. for...in
7. 以任意顺序遍历一个对象的除 Symbol 以外的 可枚举 属性
8. 会枚举原型链中的属性
9. 不应该用于迭代一个关注索引顺序的 array
10. 获取的是 键名

可迭代对象

包括 Array ， Map ， Set ， String ， TypedArray ， arguments(arrayLike)

使用 for of

for (value of iterable) {
   //statements
}
// value 迭代器返回的值

或者转变为数组

const array1 = [].slice.call(arrayLike)
const array2 = Array.prototype.slice.call(arrayLike)
const array3 = Array.from(arrayLike)

常见的类数组

• function 内部的 arguments 对象
• document.getElementsByTagName()/document.querySelectorAll('*');语句返回的对象
• 在 ECMAScript 5 标准中，字符串 string 就是一个只读的类数组对象

注意

对于没有 Iterator 接口的 arrayLike 对象，只能参照普通对象的循环方法

const arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3 }