ES6 - lterator

1. 迭代器（内部迭代器和外部迭代器）

迭代模式：

提供一种方法顺序获得集合对象中的各个元素，是一种最简单也是最常见的设计模式，提供特定的接口。

内部迭代器：

本身是函数，定义好内部迭代规则，外部只需一次初始调用 ; 例如：Array.prototypr.forEach 、jQuery.each 等

外部迭代器：

本身是函数，执行迭代对象，迭代对象必须显示调用，调用复杂度增加，但灵活性强

2. 外部迭代器模拟

let arr = [1,2,3]function customIterator(arr2){let i = 0let next = function(){ return {value : arr2[i],done : arr.length > ++i}}return {next}}let iter =  customIterator(arr)console.log( iter.next() )console.log( iter.next() )console.log( iter.next() )// 三次打印结果如下图

3. 迭代器的目的

由于前端的快速发展，使得数据结构发生了变化，产生了特定对象或者 set、map 等数据结构，前期的 for 循环遍历是无法迭代的，由此 lterator 就产生了，部署在各种数据结构上，使这些数据能被迭代操作。（for of、… 、Array.from）

ES6 - lterator相关推荐

ES6 lterator迭代器是个什么东西？有什么用？
文章目录 Iterator 1 介绍 2 迭代过程 3 可迭代的数据结构普通对象不可迭代 for...of循环可迭代的数据结构可迭代的数据结构 Iterator 1 介绍 Iterator 是 ...
es6 迭代器(遍历器)Iterator 自定义遍历器 lterator/简单模拟values方法 for of运行机制 Array/Set/Map默认迭代器接口对象设置迭代器
文章目录迭代器 Iterator 用处 (需要自定义遍历数据的时候) 自定义遍历器 lterator 简单模拟values方法 Array Set Map 默认迭代器接口 entries valu ...
es6相关面试题:1.rest参数；2.new.target；3.object.defineProperty与Proxy的区别；4.Reflect对象作用；5.lterator迭代器；6.async
文章目录说说对ES6中rest参数的理解说说你对new.target的理解谈谈object.defineProperty与Proxy的区别 ES6中的Reflect对象有什么用? 简单介绍下ES ...
ES6基本的语法(十七) lterator
迭代模式: 提供一种方法可以顺序获得聚合对象中的各个元素,是一种最简单也是最常见的设计模式,它可以让用户透过特定的接口巡防集合中的每一个元素而不用了解底层的实现. 迭代器简介: 依照与迭代模式的思想而 ...
ES6基本的语法(十六) lterator
迭代模式: 提供一种方法可以顺序获得聚合对象中的各个元素,是一种最简单也是最常见的设计模式,它可以让用户透过特定的接口巡防集合中的每一个元素而不用了解底层的实现. 迭代器简介: 依照与迭代模式的思想而 ...
[ES6] 细化ES6之 -- 迭代器与生成器
Symbol Symbol是什么 ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值 Symbol 值通过Symbol函数生成 let symbol = Symbol(); consol ...
ES6 迭代器与生成器（非常详细、容易理解）
下面是对ES6中迭代器和生成器的整理,非常详细.容易理解,希望可以帮助到有需要的小伙伴~ 文章目录迭代器是什么 Iterator接口迭代协议 for...of语句的用法返回迭代器对象的方法与f ...
ES6语法笔记(ES6~ES11)
相关代码和笔记已经同步到gitee,需要自取链接地址:ES6学习笔记 1.let // let声明变量let a;let b,c,d;let e = 100;let f = 110,g = 'qwe ...
ES6（ECMAScript6）-ES11 从入门到修仙
ES6:ECMAScript6 一.ES6新特性 1.let变量声明以及声明特性 1.1 let let 关键字用来声明变量,使用 let 声明的变量有以下几个特点: let a; let b,c,d ...

ES6 - lterator

1. 迭代器（内部迭代器和外部迭代器）

2. 外部迭代器模拟

3. 迭代器的目的

ES6 - lterator相关推荐

最新文章

热门文章