Es6中的set和map

44 阅读1分钟

set

ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。 Set本身是一个构造函数,用来生成 Set 数据结构。 01、Set 实例的属性和方法 属性 Set.prototype.constructor:构造函数,默认就是Set函数。 Set.prototype.size:返回Set实例的成员总数。 方法

  • add(value):添加某个值,返回 Set 结构本身(可以链式调用)。(即Set.prototype.add(value))
  • delete(value):删除某个值,删除成功返回true,否则返回false。
  • has(value):返回一个布尔值,表示该值是否为Set的成员。
  • clear():清除所有成员,没有返回值。
let smallClock=new Set(['蛋糕']);
smallClock.add('无骨鸡爪')
console.log(smallClock) //Set(2) {'蛋糕', '无骨鸡爪'}
smallClock.delete('无骨鸡爪')
console.log(smallClock)//Set(1) {'蛋糕'}
console.log(smallClock.size)//1
console.log(smallClock.has('无骨鸡爪'))//false
console.log(smallClock.clear())//undefined

2、遍历方法

  • keys():返回键名的遍历器。
  • values():返回键值的遍历器。
  • entries():返回键值对的遍历器。
  • forEach():使用回调函数遍历每个成员。
let smallClock=new Set(['a','b','c','d']);
console.log(smallClock.keys());

在这里插入图片描述

let smallClock=new Set(['a','b','c','d']);
console.log(smallClock.values());

在这里插入图片描述

let smallClock=new Set(['a','b','c','d']);
console.log(smallClock.entries());

在这里插入图片描述

let smallClock=new Set(['a','b','c','d']);
smallClock.forEach((item,index)=>{
    console.log(item,index)
})

在这里插入图片描述

Map

Map 数据结构,它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。也就是说,Object 结构提供了“字符串—值”的对应,Map 结构提供了“值—值”的对应,