迭代器生成器到底有什么用?使用场景!
基础知识
今天学习了es6的生成器和迭代器,真的有很多感想,我是一个正在学习前端的学生,可能说的不对,可以请各大大神多多包涵,就是总结一个我学到的东西。好了现在开始
数组的扩展
再说生成器迭代器之前,要先了解一个es6的知识,就是es6新添加的数组的扩展,有三个功能是entries() , keys() , values(),这三个功能很类似,都是在干一件事情,举个例子:
for(let index of ['a','b','c','d'].keys(){
console.log(index) //0,1,2,3
}
for(let values of ['a','b','c'].values()){
console.log(values) //'a','b','c'
}
for(let [index,value] of ['a','b','c'].entries()){
console.log([index,value]) // [0,'a'],[1,'b'],[2,'c'];
}
entries() , keys() , values() 这三个函数,返回都会返回一个遍历器,所有它们返回的值,都具备了遍历器的功能,所有就可以使用for…of这个方法。
好了,如果这三个方法明白了,之后就可以进入生成器迭代器了。