码迷,mamicode.com
首页 > 其他好文 > 详细

遍历器接口

时间:2017-11-10 18:35:22      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:console   一个   返回   ons   定义   ret   key   nts   方法   

Symbol是种新的数据类型,表示独一无二,通常用于定义对象的属性名,[Symbol()]。
一、什么是遍历器接口?
一个数据结构有遍历器接口的特征是:它有Symbol.iterator属性,它有next()方法,返回一个包含value和done属性的对象。
原生具备遍历器接口的数据结构:Array,Map,Set,String,TypedArray,函数的arguments对象,NodeList对象。

//遍历数组
const arr = [1,2,3,4,5];
var a = arr[Symbol.iterator]();
a.next();

二、自定义函数生成遍历器接口

const myObj = {};
myObj[Symbol.iterator] = function () {
  return {
    next: function () {
      return {
        value: 1,
        done: true
      }
    }
  }
}

myObj[Symbol.iterator]().next()
const myObj = {
  [Symbol.iterator] : function () {
    return {
      next: function () {
        return {
          value: 1,
          done: true
        }
      }
    }
  }
}

myObj[Symbol.iterator]().next()

三、generator函数生成遍历器对象

const myObj = {};

myObj[Symbol.iterator] = function * demoFn(){
    yield [‘name‘, ‘Camille‘];
    yield [‘age‘, 26]
}

for (let [key, value] of myObj) {
  console.log(`${key}: ${value}`);
}
const myObj={
    * [Symbol.iterator]() {
            yield [‘name‘, ‘Camille‘];
            yield [‘age‘, 26]
    }
}

for (let [key, value] of myObj) {
  console.log(`${key}: ${value}`);
}

 

遍历器接口

标签:console   一个   返回   ons   定义   ret   key   nts   方法   

原文地址:http://www.cnblogs.com/camille666/p/es_iterator.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!