微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ES6中遍历Set和Map数据结构的方法

文章目录


一、Set

keys方法、values方法、entries方法返回的都是遍历器对象

1.forEach

Set 结构的实例与数组一样,也拥有forEach方法,用于对每个成员执行某种操作,没有返回值。

let set=new Set([1,2,3,4,5]);
set.forEach((key,value)=>{
  console.log(key+':'+value);
})
//1:1
//2:2
//3:3
//4:4
//5:5

2.keys

keys返回的对象:[Set Iterator] { 1, 2, 3, 4, 5 }
keys返回的遍历器,或者说迭代器,它提供了一个next方法调用返回一个包含两个属性的对象,分别是value和done,value表示当前位置的值,done表示是否迭代完。当done的值为false时,继续调用next()就可以访问下一个值。我们可以利用这个方法来遍历Set结构的值。

let set=new Set([1,2,3,4,5]);
let obj=set.keys();
let item;
while(!(item=obj.next()).done){
  console.log(item.value);
}
//1
//2
//3
//4
//5

3.values

由于Set结构没有键名只有键值,或者说键名和键值是同一个值,所以keys方法和values方法的行为完全一致。

let set=new Set([1,2,3,4,5]);
let obj=set.values();
let item;
while(!(item=obj.next()).done){
  console.log(item.value);
}
//1
//2
//3
//4
//5

4.entries

entries方法返回的遍历器,同时包括键名和键值,所以每次输出一个数组,它的两个成员完全相等。

let set=new Set([1,2,3,4,5]);
let obj=set.entries();
let item;
while(!(item=obj.next()).done){
  console.log(item.value);
}
//[ 1, 1 ]
//[ 2, 2 ]
//[ 3, 3 ]
//[ 4, 4 ]
//[ 5, 5 ]

二、Map

需要特别注意的是,Map 的遍历顺序就是插入顺序。

1.forEach

Map 有一个forEach方法,与数组的forEach方法类似,可以实现遍历。

let map=new Map([
  ['name','curry'],
  ['age',20]
]);
map.forEach((value,key)=>{
  console.log(key+':'+value);
})
//name:curry
//age:20

2.keys

遍历Map结构的键名,和Set的不一样了。

let map=new Map([
  ['name','curry'],
  ['age',20]
]);
let obj=map.keys();
let item;
while(!(item=obj.next()).done){
  console.log(item.value);
}
//name
//age

3.values

遍历Map结构的键值。

let map=new Map([
  ['name','curry'],
  ['age',20]
]);
let obj=map.values();
let item;
while(!(item=obj.next()).done){
  console.log(item.value);
}
//curry
//20

4.entries

遍历Map结构的键值对。

let map=new Map([
    ['name','curry'],
    ['age',20]
  ]);
  let obj=map.entries();
  let item;
  while(!(item=obj.next()).done){
    console.log(item.value);
  }
//[ 'name', 'curry' ]
//[ 'age', 20 ]

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐