前端面试必备知识：迭代器（iterator）的概念

前言：在JavaScript中，计数循环就是最简单的迭代。

面试的时候经常被问到的一个问题：for-of 和for-in的区别？

• for - in 是对对象的进行遍历；

• for - of 是对数组进行遍历，可以使用continue、break、return、thorow提前退出。
  for-of为什么不能遍历对象，

var s  = {
    name: 'pretty',
    age: 10
}
for(let item of s) {
    console.log(item)
}
// 报错：VM405:5 Uncaught TypeError: s is not iterable

因为对象不是迭代器，不具备[symbol.iterator]属性方法，因为以[symbol.iterator]作为键会引用一个迭代器工厂函数，调用这个工厂函数必须返回一个新迭代器。
很多内置类型都实现了iterator接口

1. 字符串
2. 数组
3. 映射
4. 集合
5. arguments对象
6. NodeList等DOM集合类型。

for-of便是每次调用next（）方法拿到哪一个值，
例如:

class Counter {
	constructor(limit) {
		this.limit = limit
	}
}
[Symbol.iterator]() {
	let count = 1, limit = this.limit;
	return {
		next() {
			if(count < limit) {
				return {done: false, value: count++;}
			} else {
				return {done: true, value: undefined}
			}
		}
	}
}
let counter = new Counter(3)
for(let item of counter) {console.log(item)}
// 1
// 2
// 3

最后

以上就是年轻小懒虫为你收集整理的前端面试必备知识：迭代器（iterator）的概念的全部内容，希望文章能够帮你解决前端面试必备知识：迭代器（iterator）的概念所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。