使用ES6新的迭代器@@iterator及数组的entries、keys、values方法

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}