1. iterator的概念
iterator是一种接口机制,为各种不同的数据结构提供统一的访问机制
作用:
1、为各种数据结构,提供一个统一的、简便的访问接口;
2、使得数据结构的成员能够按某种次序排列
3、ES6创造了一种新的遍历命令for...of循环,Iterator接口主要供for...of消费。
2. 工作原理:
- 创建一个指针对象(遍历器对象),指向数据结构的起始位置。
- 第一次调用next方法,指针自动指向数据结构的第一个成员
- 接下来不断调用next方法,指针会一直往后移动,直到指向最后一个成员
- 每调用next方法返回的是一个包含value和done的对象,{value: 当前成员的值,done: 布尔值}
* value表示当前成员的值,done对应的布尔值表示当前的数据的结构是否遍历结束。
* 当遍历结束的时候返回的value值是undefined,done值为false
3. 原生具备iterator接口的数据(可用for of遍历)
Array类型
案例如下
let arr = [1,3,'Array',true,undefined,null,function fun1(params) {},]
for (const element of arr) {
console.log(element);//拿到value值
};
for (const element of arr.keys()) {
console.log(element);//拿到key值
};
for (const value of arr.entries()) {
console.log(value);//返回一个新数组 包含下标和value值
};
Map类型
let map = new Map();
map.set(1 , 'spring');
map.set(2 , "summer");
map.set(true,"40");
map.set('first', "Iron");
map.set(20,'missing');
map.set(10,'spring');
for (const [key,value] of map) {
console.log(key + ":" + value);//分别拿到key值和value值
};
for (const element of map.entries()) {
console.log(element);//返回一个新数组 包含key值和value值
};
Set
let set = new Set();
let arr = ['1',2,true,undefined,null,['array'],{a : 20}];
set.add(arr);
for (const element of set) {
console.log(element);
};
String类型
let str = 'Hello-World';
for (const element of str) {
console.log(element);//打印每个字符
};
函数的 arguments 对象
function fun1(...rest) {
for (const element of rest) {
console.log(element);
}
};
fun1(10,'missing','spring','summer','autumn','winter');