前言

在ES6之前，我们存储数据的结构主要有两种：数组、对象

在ES6中新增了另外两种数据结构：Set、Map，以及它们的另外形式WeakSet、WeakMap

Set的基本使用

Set是一个新增的数据结构，可以用来保存数据，类似于数组，但是和数组的区别是元素不能重复

创建Set

const set = new Set()

常见属性

size：返回Set中元素的个数

console.log(set.size)

常见方法

add(value)：添加某个元素，返回Set对象本身;

set.add(123)

delete(value)：从set中删除和这个值相等的元素，返回boolean类型；

set.delete(123)

has(value)：判断set中是否存在某个元素，返回boolean类型；

console.log(set.has(123))

clear()：清空set中所有的元素，没有返回值；

set.clear()

forEach()：通过forEach遍历set；

set.forEach(item => {
  console.log(item)
})

数组的出重

由于我们发现Set中存放的元素是不会重复的,Set被常用于数组的去重

const arr = [1,2,3,4,3,2,8,9]
const set = new Set(arr)
const newArr= [...set]

WeakSet使用

和Set类似的另外一个数据结构称之为WeakSet，也是内部元素不能重复的数据结构

常见方法

add(value)：添加某个元素，返回WeakSet对象本身

delete(value)：从WeakSet中删除和这个值相等的元素，返回boolean类型

has(value)：判断WeakSet中是否存在某个元素，返回boolean类型

与Set区别

WeakSet中只能存放对象类型，不能存放基本数据类型；

weakSet.add(10) // 错误写法

let obj = {
    name: "sabo"
}
weakSet.add(obj)

WeakSet对元素的引用是弱引用，如果没有其他引用对某个对象进行引用那么GC可以对该对象进行回收

WeakSet 是不可以被遍历的

Map的基本使用

另外一个新增的数据结构是Map，用于存储映射关系

如果我们需要用对象作为key时可以使用Map

let obj = {
    name: "sabo"
}
const map = new Map()
map.set(obj,"aaa")

常见属性

size：返回Map中元素的个数；

console.log(map.size)

常见方法

set(key, value)：在Map中添加key、value，并且返回整个Map对象；

map.set(obj,"aaa")

get(key)：根据key获取Map中的value；

console.log(map.get(obj))

has(key)：判断是否包括某一个key，返回Boolean类型；

console.log(map.has(obj))

delete(key)：根据key删除一个键值对，返回Boolean类型；

map.delete(obj)

clear()：清空所有的元素；

map.clear()

forEach()：通过forEach遍历Map

map.forEach(item => {
  console.log(item)
})

WeakMap的基本使用

和Map类型相似的另外一个数据结构称之为WeakMap，也是以键值对的形式存在的。

常见方法

set(key, value)：在Map中添加key、value，并且返回整个Map对象；

get(key)：根据key获取Map中的value；

has(key)：判断是否包括某一个key，返回Boolean类型；

delete(key)：根据key删除一个键值对，返回Boolean类型

与Map 区别

WeakMap的key只能使用对象，不接受其他的类型作为key；

weakMap.set(10,"abc") // 错误写法

let obj = {
    name: "sabo"
}
weakMap.set(obj,"123")

WeakMap的key对对象想的引用是弱引用，如果没有其他引用引用这个对象，那么GC可以回收该对象；

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第5天，点击查看活动详情