1、数组默认实现了迭代器，所以可以通过for of遍历
2、对象没有实现迭代器，所以不能通过for of 遍历
3、Array[Symbol.iterator] 对应是一个函数，这个函数返回一个对象，对象中有个next方法，next方法返回一个对象{value:"",done:false}
4、for...of，我们可以使用它来遍历数组，字符串，Set和Map结构，但for…of不遍历object对象
5、 for...of的原理就是：先调用可遍历对象的[Symbol.iterator]()方法，得到一个iterator遍历器对象，然后就在遍历器上不断调用next()方法，直到done的值为true的时候，就表
示遍历完成结束了。
迭代器实例与对象自定义迭代器实例：
let obj = { name: "张三", age: 19}// for (let i of obj){// console.log(i);//对象不能遍历// }let arr = [1, 2, 3, 4, 5]console.log(obj[Symbol.iterator])//对象不能遍历console.log(arr[Symbol.iterator])//返回一个函数console.log(arr[Symbol.iterator]())let iter = arr[Symbol.iterator]();//返回迭代器的实例 用next()方法console.log(iter.next());//1console.log(iter.next());//2console.log(iter.next());//3console.log(iter.next());//4console.log(iter.next());//5console.log(iter.next());//undefinedconsole.log(iter.next());console.log(iter.next());//给对象加迭代器 自定义迭代器obj[Symbol.iterator] = function () { let index = 0; let keys = Object.keys(this); return { //this指向不是当前 解决箭头函数 // next(){ // let value = this[keys[index]] // let done = index===keys.length // index++; // return { // value, // done // } // } // 箭头函数 // next（）函数遍历出属性名与值 next: () => { let value = { key: keys[index],//对象属性名 value: this[keys[index]]//对象属性值 } let done = index === keys.length//长度 console.log(done); index++; return { value, done } } }}for (var i in obj){ console.log(i)}for (let item of obj) { console.log(item);}
原文：https://www.cnblogs.com/guirong/p/13605110.html