本文实例讲述了ES6中Iterator与for..of..遍历用法。分享给大家供大家参考,具体如下:
Iterator与for..of..遍历
1.Iterator概念
遍历器(Iterator)是一种接口,为各种不同的数据结构提供统一的访问机制。JS中有些数据结构具备原生的Iterator接口。为了更好理解这个概念,我们也可以自己写一个Iterator。
var it = simIteractor(['hi','ES5']);
console.log(it.next()); //Object
本文实例讲述了ES6新特性之Iterator(遍历器)和for-of循环。分享给大家供大家参考,具体如下:
1. 遍历数组
for-of工作原理:迭代器有一个next方法,for循环会不断调用这个iterator.next方法来获取下一个值,直到返回值中的 done属性为true的时候结束循环。
① 在ES6之前
var arr = [1,2,3,4,5,6];
arr.name = 'a';
for (var index = 0; index < arr.length; index++
准备数据
let arr = [a,b,c,d,e];
let obj = {
a:1,
b:2,
c:3
}
for…in
for…in 通过 key-value的形式来遍历数据
for(let val in arr){
console.log(val); //0 1 2 3 4
// console.log(arr[val]); //a b c d e
}
for(let val in obj){
console.log(val);