根据阮一峰的博客做的学习笔记。

//new Set() 是参数的数据类型不会发生改变,例如 5 和 '5'
    //新的set数据
    const data = new Set()
    let arr = [1,2,3,4,5,54,3,2]
    arr.forEach(e => {
      data.add(e) //使用 add 方法向 data 数据添加数据
    })
    console.log('arr', data);  //输出 1,2,3,4,5,54  重复的数据已经被过滤掉了

    //set 结构可以在 new 创建的时候直接接收一个数组
    const setArr = new Set([1,1,2,2,3,3,4,5,6])
    console.log('setArr',setArr);  //输出 1,2,3,4,5,6  已经完成去重的工作
    console.log('size', setArr.size);   //输出6  使用 .size 方法获取 set 里数据的数量
    setArr.delete(2)
    console.log('del',setArr)    //输出1,3,4,5,6 其中 2 已经被删除,使用 delete 删除 set 结构中的数据
    console.log('has',setArr.has(6));   //输出 true 表示 set 数据中有 6 这个成员
    setArr.clear()
    console.log('clear', setArr)   //输出一个空的 set 数据 size 为 0,clear 用于清空 set 数据的成员

    //去除字符串中的重复值
    let doubleStr = new Set('aaaabbbccc')
    console.log('str', [...doubleStr].join(''));   //注意:一定要先使用 ... 扩展一下,set 数据是没有 join 方法的会报错

    //利用 Array.from() 数组去重
    const fromArr = [1,2,3,4,1,2,3,4]
    console.log('扩展去重', [ ...new Set(fromArr) ])  //输出 [1,2,3,4]
    console.log('Array.from 去重', Array.from(new Set(fromArr)))  //输出 [1,2,3,4]

    /**
     * 关于 set 数据的遍历
     * Set.prototype.keys():返回键名的遍历器
     * Set.prototype.values():返回键值的遍历器
     * Set.prototype.entries():返回键值对的遍历器
     * Set.prototype.forEach():使用回调函数遍历每个成员
     * set 数据自带上述遍历方法
    */
    let testSet = new Set([1,2,3,4,5,5,4,2])
    testSet.forEach(item => {
      console.log('forEach', item);
    })

张嘀嗒
9 声望2 粉丝

一个前端小白,更新学习笔记~~