Map和Set相关以及如何去重数组

女爷i 2024-04-17 20:48 28阅读 0赞

### 数组去重的方法： ###

（１）.数组的扩展运算符...

let arr = [1,2,3,4,5,3,2,1,3,4,3];
    console.log( arr);
    let s = new Set(arr);
    // 将set结构数据变成数组
    // 数组的扩展运算符...
    let newArr = [...s];
    console.log( s);
    console.log(newArr);

（２）.Array.from()

let arr = [1,2,3,4,5,3,2,1,4,3];
    console.log(arr);
    let s = new Set(arr);
    // Array.from()将set结构数据转成数组
    let newArr = Array.from(s);
    console.log(newArr);

（３）.传统的两层for循环

### Set结构数据的遍历 ###

(1):直接用forEach()

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

(2).keys()  遍历器：可遍历的数据集合
    for(let item of s.keys()){
        console.log(item);
    }
    
    (3).values()
    for(let item of s.values()) {
        console.log(item);
    }
    (4).entries()
    for(let item of s.entries()) {
        console.log(item);
    }

### Map数据结构 ###

一：注意的点
    
    let m = new Map([
        [{a:1},'tom'],
        [123,'buddy']
    ]);
    console.log(m.get({a: 1}));//undefined 原因：传址,解决办法如下：
    
    let obj = {a:1};
    let m = new Map([
        [obj,'tom'],
        [123,'buddy']
    ]);
    console.log(m.get(obj));//tom
    
    
    二：基本方法的使用
    
    （１）let m = new Map(); 
    m.set(123,'buddy'); 
    console.log(m.get(123));
    
    （２）let m = new Map([
        [123,'buddy'],
        ['a',{x:1,y:2}],
        [3>1,666]
    ]);
    console.log(m.get(true));
    console.log(m.has('a'));
    m.delete(123);
    console.log(m);

### Map数据的遍历： ###

补：　...运算符在Map结构数据中的用法

let m = new Map([
        [123,'buddy'],
        ['name','tom'],
        [1<2,'baidu.com']
    ]);
    let result = [...m];
    console.log(result);//二维数组
    console.log(result[2][0]);
    let res = [...m.keys()];//values() entries()同
    console.log(res);