迭代器和生成器

迭代器

一、for in

for…in循环返回的值都是数据结构的键值名。

遍历对象返回的对象的key值；

遍历数组返回的数组的下标(key)。

for…in循环不仅可以遍历数字键名,还会遍历原型上的key值和

手动添加的其他键；

特别情况下,for…in循环会以任意的顺序遍历键名

forin循环特别适合遍历对象。

二、for of

forof循环用来获取一对键值对中的值,而forin获取的是键名

一个数据结构只要部署了Symbol.iterator属性,就被视为具有

iterator接口,就可以使用forof循环。

例3这个对象,没有Symbol.iterator这个属性,所以使用forof会

报jsonisnotiterable

forof不同与forEach,它可以与break、continue和return配

合使用,也就是说forof循环可以随时退出循环。

提供了遍历所有数据结构的统一接口;

//使用of遍历字符串
letstr="helloworld";
for(letsofstr){
console.log(s)
}
//使用of遍历数组
letarr=["hello","world"]
for(letkofarr.keys()){
console.log(k);
}
for(letvofarr.values()){
console.log(v);
}
for(let[k,v]ofarr.entries()){
console.log(k,v);
}
//使用in遍历对象
letobj={"name":"qiku","addr":"东三街"}
for(letkinobj){
console.log(k,obj[k]);
}

三、 迭代器

1、迭代器 一定能 for of 迭代
2、可迭代对象 不一定是 迭代器

 四、可迭代的数据结构

以下是可迭代的值:

•Array

•String

•Map

•Set

•Dom元素

使用for...of循环对数据结构进行迭代

普通对象是由object创建的，不可迭代

生成器 

一、定义生成器

其中*用来表示函数为Generator函数，yield用来定义函数

内部的状态

生成器 一定是 迭代器

        function * myGen(){
				yield 0;
				yield 1;
				yield 2;
			}
			var x=myGen();
			for(let i of x){
				console.log(i);
			}
			console.log(x.next());
			console.log(x.next());
			console.log(x.next());
			console.log(x.next());
			console.log(x);

1、第一次调用next方法时，从Generator函数的头部开始执

行，先是打印了one,执行到yield就停下来，并将yield后边

42/76表达式的值'1'，作为返回对象的value属性值，此时函数还没

有执行完，返回对象的done属性值是false。

2、第二次调用next方法时，同上步。

3、第三次调用next方法时，先是打印了three，然后执行了函数

的返回操作，并将return后面的表达式的值，作为返回对象的

value属性值，此时函数已经结束，多以done属性值为

true。

4、第四次调用next方法时，此时函数已经执行完了，所以返回

value属性值是undefined，done属性值是true。如果执行

第三步时，没有return语句的话，就直接返回{value:

undefined,done:true}。

二、使用生成器 为 对象 提供 迭代接口

var obj={
                name:'张三',
                age:13,
                sex:'男',
                hobby:'足球,排球,篮球'
            }
            function * objectGen(obj){
                for(let i in obj){
                    yield [i,obj[i]];
                }
            }
            for(let i of objectGen(obj)){
                console.log(i);
            }

三、 大数据产生的 优化方法
    按需产生数据

        function* bigData() {
				for (let i = 0; i < 100000; i++) {
					yield parseInt(Math.random() * 100000));
			}
			}
			var x = bigData();
			var arr = [];
			for(let i of x){
				arr.push(i);
			}
			//console.log(arr)

四、 使用生成器 实现 异步执行程序方式

        function* sing() {
				for (let i = 0; i < 10; i++) {
					yield '唱歌' + i;
				}
			}

			function* dance() {
				for (let i = 0; i < 10; i++) {
					yield '跳舞' + i;
				}
			}

			function* rap(num) {
				for (let i = 0; i < num; i++) {
					yield 'rap' + i;
				}
			}
			var s = sing();
			var d = dance();
			var r = rap(20);
			while (true) {
				let t1 = s.next();
				console.log(t1.value);
				let t2 = d.next();
				console.log(t2.value);
				let t3 = r.next();
				console.log(t3.value);
				if (t1.done && t2.done && t3.done) {
					console.log('完成');
					break;
				}
			}