1.ES6为Array类增加了一个@@iterator属性,需要通过Symbol.iterator来访问,不断调用迭代器的next方法,就能依次得到数组中的值。数组中有几个值,需要调用几次。等数组中所有值都迭代完之后,iterator.next().value会返回undefined,其iterator.next().done会返回true
let numberAry = [1,4,3,6]
let iterator = numberAry[Symbol.iterator]()
console.log(iterator.next()) //{value: 1, done: false}
console.log(iterator.next())//{value: 4, done: false}
console.log(iterator.next())//{value: 3, done: false}
console.log(iterator.next())//{value: 6, done: false}
console.log(iterator.next())//{value: undefined, done: true}
2.ES6增加了三种从数组中得到迭代器的方法
- 2.1 entries方法返回包含键值对的@@iterator,value中的两个值:第一个是数组中的索引 第二个是保存在数组索引的值
let numberAry = [1,4,3,6]
let entries = numberAry.entries()
console.log(entries.next())//{value:[0,1], done: false}
console.log(entries.next()) //{value:[0,4], done: false}
console.log(entries.next())//{value:[0,3], done: false}
console.log(entries.next())//{value:[0,6], done: false}
console.log(entries.next())//{value:undefined, done: true}
- 2.2 keys方法返回包含数组索引的@@iterator,keys方法会返回数组的索引。一旦没有可迭代的值,next方法就会返回一个value属性为undefined,done属性为true的对象。如果done属性的值为false,就意味着有可迭代的值
let numberAry = [1,4,3,6]
let keys = numberAry.keys()
console.log(keys.next())//{value:0 done: false}
console.log(keys.next()) //{value:1, done: false}
console.log(keys.next())//{value:2, done: false}
console.log(keys.next())//{value:3, done: false}
console.log(keys.next())//{value:undefined, done: true}
- 2.3 values方法返回包含数组值的@@iterator
- 注意:当前浏览器还没有完全支持ES6所有的新功能,建议使用高版本浏览器或使用babel
let numberAry = [1,4,3,6]
let values = numberAry.values()
console.log(values.next())//{value:1 done: false}
console.log(values.next()) //{value:4, done: false}
console.log(values.next())//{value:3, done: false}
console.log(values.next())//{value:6, done: false}
console.log(values.next())//{value:undefined, done: true}