东莞php网站开发,网站推广网站,北京好的网站设计公司,外包公司要不要去本系列属于阮一峰老师所著的ECMAScript 6 入门学习笔记 Iterator(遍历器) JavaScript表示“集合”的数据结构#xff0c;除了Array 、Object #xff0c;ES6又新增了Map 和Set 。 遍历器#xff08;Iterator#xff09;是一种统一的接口机制#xff0c;用来处理所有不同的…本系列属于阮一峰老师所著的ECMAScript 6 入门学习笔记 Iterator(遍历器) JavaScript表示“集合”的数据结构除了Array 、Object ES6又新增了Map 和Set 。 遍历器Iterator是一种统一的接口机制用来处理所有不同的数据结构。 Iterator的作用有三个一位各种数据结构提供一个统一的、简便的访问接口二是使得数据结构的成员能够按照某种次序排列三是ES6创造了一种新的命令for..of循环Iterator接口主要供for...of消费 默认Iterator接口 ES6规定默认的Iterator接口部署在数据结构的Symbol.iterator属性一个数据结构只要具有Symbol.iterator属性就可以认为是“可遍历的”(iterable)。 可遍历的数据结构具有Symbol.iterator属性。执行这个属性会返回一个遍历器对象。该对象的根本特征就是具有next方法每次调用next方法都会返回一个代表当前队员的信息对象具有value和done两个属性。 原生具备Iterator接口的数据类型如下 ArrayMapSetStringTypedArray函数的arguments对象NodeList对象// 原生部署Itertor接口的数据接口不用自己写遍历器生成函数可使用for...of
lelt arr [1,2,3]
let iter arr[Symbol.iterator]()
iter.next() // {value:1,done:false}
iter.next() // {value:2,done:false}
iter.next() // {value:3,done:false}
iter.next() // {value:undefined,done:false}// 类似对象不具备Itertor接口需要自己部署Symbol.iterator属性
let obj {data: [hello,world],[Symbol.iterator](){const self thislet index 0return {next(){if(index self.data.length){return {value: self.data[index],done: false}}else{return {value: undefined,done:true}}}}}
}// 类数组对象存在数值键名和length属性Symbol.iterator方法可直接引用数组的Iterator接口
NodeList.prototype[Symbol.iterator] Array.prototype[Symbol.iterator] 遍历器对象的return(),throw() 遍历器对象除了具有next方法还具有return方法和throw方法 return方法的使用场合是如果for...of循环提前退出通常是因为出错或者有break语句或continue语句就会调用return方法。如果一个对象在完成遍历前需要清理或释放资源就可以部署return方法 throw方法主要是配合Generator函数使用一般遍历器对象用不到这个方法 for...of循环 ES6 借鉴 C、Java、C# 和 Python 语言引入了for...of循环作为遍历所有数据结构的统一的方法。 JavaScript提供多种遍历语法最原始的for循环比较麻烦。 数组提供内置的forEach方法但是无法中途跳出循环不能使用break或return for...in循环有几个缺点 数组的键名是数字但是for...in循环是以字符串作为键名0、2、3等for...in不仅遍历数字键名还会遍历Iterator 和 for...of 循环手动添加的其他键甚至包括原型链上的键某些情况下for...in循环会以任意顺序遍历键名与以上遍历相比for...of有一些显著的优点 和for...in一样简洁但是没有那些缺点不同于forEach方法可以和break 、continue和return配合使用提供了遍历所有数据结构统一的操作接口转载于:https://www.cnblogs.com/pengzhixin/p/7693123.html
