set对象【es6】

👉【ES6新特性】set对象_创建set对象_清梦白旭的博客-CSDN博客

目录

介绍：

基础方法：

1.创建set对象 new Set()

2.添加数据 add()

3、删除数据 delete()

4、检测是否含有一个数据 has()

5、清空set对象 clear()

6、将set对象转换成数组

7、数组去重

8、数组并集

---

介绍：

        一种数据结构，Set的一个重要特性就是集合中是不允许添加重复元素的
        如果是简单数据类型，会使用精确相对运算符号 === 判断是否是全等的
        如果是引用的数据类型，则判断内存地址是否一样
        特殊的NaN由于其本身在就不等于自己，所以需要特殊对待视为相等的

基础方法：

1.创建set对象 new Set()

对象里不会有重复的数据

//使用new方法创建set对象，多用于数组去重
    var arr = [1,2,3,4,4,5]
    console.log(arr); //(6) [1, 2, 3, 4, 4, 5]
    //创建
    var val = new Set(arr)
    // 使用
    console.log(new Set(arr)); // Set(5) {1, 2, 3, 4, 5}

2.添加数据 add()

不允许添加重复的数据

    //添加
    val.add(1)
    console.log(val); //Set(5) {1, 2, 3, 4, 5}
    val.add(7)
    console.log(val); //Set(6) {1, 2, 3, 4, 5, 7}

3、删除数据 delete()

    //删除
    val.delete(1)
    console.log(val); // Set(5) {2, 3, 4, 5, 70}

4、检测是否含有一个数据 has()

    //判断是否含有
    console.log(val.has(1)); // false
    console.log(val.has(2)); // true

5、清空set对象 clear()

    //清空
    val.clear()
    console.log(val); //Set(0) {size: 0}

6、将set对象转换成数组

    //使用Array.from
    var newVal = Array.from(val)


    //使用拓展运算符...
    var newVal = [...val]
    console.log(newVal); //(5) [2, 3, 4, 5, 7]

7、数组去重

 // 保存搜索关键词的方法
        saveSearchHistory() {
           
          //避免重复关键字
          // 1. 将 Array 数组转化为 Set 对象
            const set = new Set(this.historyList)
            // 2. 调用 Set 对象的 delete 方法，移除对应的元素
            set.delete(this.kw)
            // 3. 调用 Set 对象的 add 方法，向 Set 中添加元素
            set.add(this.kw)
            // 4. 将 Set 对象转化为 Array 数组
            this.historyList = Array.from(set)
        }

8、数组并集

    var arr3 = [1,2,3,3,4]
    var arr4 = [1,2,5,5,'k']

    var oldArr2 = new Set(arr3)
    var oldArr22 = new Set(arr4)

    var newVal2 = new Set([...oldArr2,...oldArr22])
    console.log(newVal2); // Set(6) {1, 2, 3, 4, 5,'k'}