es6 set键值集合和map键值对集合

谁践踏了优雅 2023-06-08 06:22 8阅读 0赞

### set 键值集合(没有键，只有值) ###

1）set会自动去重

let arr = [1, 1, 2, 2, 3, 3, 4, 5, 6];
    let s = new Set();
    for (let key of arr) { 
        s.add(key);
    }
    console.log([...s], s );

使用了扩展符后将类数组（左）扩展为数组（右）  
![在这里插入图片描述][20191016225534884.png]  
2）`set().add();`追加  
3）`.size:`集合长度  
4）`.delete`:删除某个值，返回**布尔值**（是否删除成功）  
5）`.has`:判断是否有某个数，返回**布尔值**  
6）`.clear`:清除所有成员

//delete 删除某个值 返回值true、false
    console.log(s.delete(5), s);
    //has 判断时候有哪个值 true、false
    console.log(s.has(1));
    //clear 清除集合所有成员
     s.clear();
     console.log(s);

7)遍历  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzAxOTk5_size_16_color_FFFFFF_t_70]  
`set`集合\*\*没有键，只有值，\*\*所以键名和键值相等；  
则`entries()`获取到的键值对为：  
![在这里插入图片描述][20191016225726511.png]

### map 键值对集合 ###

1）存储通过`.set（key,val）`  
2）取值通过`.get(key)`

let m = new Map();
        //添加值
        m.set("a", { name: "张三"});
        m.set("b", { name: "李四"});
    // 获取值
        console.log(m.get("a"));//{name: "张三"}

3）`.has(key)` 是否存在 返回布尔值  
4）`.delete(key)` 返回布尔值  
5）`.size` 长度  
6）`.clear` 清除所有元素  
7）**`json`和`map`的相互转换**

#### json 转map ####

let op = { 
        "name": "张三",
        "sex": "男"
    }
    let m1 = new Map();//新建空map集合
    for (let key of Object.keys(op)) { 
        m1.set(key, op[key]);
    }
    console.log(m1.entries());//输出键值对

#### map 转json ####

let json = { };//新建空json对象
    for (let item of m1.keys()) { 
        console.log(item);// name sex
        json[item] = m1.get(item);
    }
    console.log(json);

遍历方法同上

[20191016225534884.png]: /images/20230531/e4c619b3f89241788295b669ca099616.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzAxOTk5_size_16_color_FFFFFF_t_70]: /images/20230531/50ceb72fcfac47eab731d13207a7277b.png
[20191016225726511.png]: /images/20230531/6a5415c1cb0d48d89e5880be9dd1c854.png