前端进阶|第三天 集合字典全家桶set&weekset&map&weakmap 思维导图

1 set 强大数组，可同时存储不同类型的成员，自动去重。
构造函数

new Set([iterable])

const s = new Set();
        [1, 2, 3, 4, 3, 2, 1].forEach(x => s.add(x))

属性 size：元素数量
方法：
add(value)：新增，相当于 array里的push
delete(value)：存在即删除集合中value
has(value)：判断集合中是否存在 value
clear()：清空集合
数组之间转换

const array = Array.from(set)
const arr = [...set]

遍历方法

let set = new Set([1, 2, 3])
for (let item of set.keys()) {
  console.log(item);
}    // 1    2     3
for (let item of set.entries()) {
  console.log(item);
}    // [1, 1]    [2, 2]    [3, 3]
set.forEach((value, key) => {
    console.log(key + ' : ' + value)
})    // 1 : 1    2 : 2    3 : 3

set 实现并差交

let set1 = new Set([1, 2, 3])
let set2 = new Set([4, 3, 2])

let intersect = new Set([...set1].filter(value => set2.has(value)))
let union = new Set([...set1, ...set2])
let difference = new Set([...set1].filter(value => !set2.has(value)))

2.WeakSet 存储对象
只能存储对象
自动回收
不支持遍历
3.Map 字典 存储形式为键值对

const map = new Map();
       
map.set(['a'], 555);
        let obj = ['a'];
        let obj2 = ['a'];
        map.set(obj, 5556);
       
        console.log(map.get(['a']))//undefined
        console.log(map.get(obj)) // 5556
        console.log(map.get(obj2)) // undefined

注意上述代码中，key的指定方式。

map转换
Map 转 Array

const map = new Map([[1, 1], [2, 2], [3, 3]])
console.log([...map])    // [[1, 1], [2, 2], [3, 3]]

Array 转 Map

const map = new Map([[1, 1], [2, 2], [3, 3]])
console.log(map)

Map 转 Object

function mapToObj(map) {
    let obj = Object.create(null)
    for (let [key, value] of map) {
        obj[key] = value
    }
    return obj
}
const map = new Map().set('name', 'An').set('des', 'JS')
mapToObj(map)  /

Object 转 Map

function objToMap(obj) {
    let map = new Map()
    for (let key of Object.keys(obj)) {
        map.set(key, obj[key])
    }
    return map
}

objToMap({'name': 'An', 'des': 'JS'}) // Map {"name" => "An", "des" => "JS"}

Map 转 JSON

function mapToJson(map) {
    return JSON.stringify([...map])
}

let map = new Map().set('name', 'An').set('des', 'JS')
mapToJson(map)    // [["name","An"],["des","JS"]]

JSON 转 Map

function jsonToStrMap(jsonStr) {
  return objToMap(JSON.parse(jsonStr));
}

jsonToStrMap('{"name": "An", "des": "JS"}') // Map

不高兴继续写字了，画了个思维导图方便记忆。