Set知识点和手写模拟Set对象

红太狼 2023-07-19 08:10 1阅读 0赞

#### Set对象 ####

`Set对象`用于存储**任何**类型的**唯一**值。

const s1 = new Set([1, 2, 3, 3, '3'])
    console.log(s1)
    
    // Set(4) {1, 2, 3, "3"}
    // [[Entries]]
    // 0: 1
    // 1: 2
    // 2: 3
    // 3: "3"
    // size: 4
    // __proto__: Set

`size`记录着`Set对象`的长度。

console.log(s1.size)
    
    // 4

遇见字符串时会转换为字符串对象在进行储存

const s1 = new Set('Hello world')
    console.log(s1)
    
    // Set(8) {"H", "e", "l", "o", " ", "w", "r", "d"}

##### 实例方法 #####

**add(key)** 添加`key`值在`Set对象`中。

const s1 = new Set();
    s1.add(1)
    s1.add(2)
    s1.add(3)
    s1.add(3)
    console.log(s1)
    
    // Set(3) {1, 2, 3}

*  `Set`对象认为 `+0` 和 `-0` 是相同的，所以同时添加 `+0` 和 `-0` 显示一个 `0`

**delete(key)** 删除`Set对象`中的`key`值，返回是否删除成功。

console.log(s1.delete(1))
    console.log(s1)
    
    // true
    // Set(2) {2, 3}

**has(key)** 判断`Set对象`中是否存在`key`值。

console.log(s1.has(1))
    console.log(s1.has(10))
    
    // true
    // false

**clear()** 清空当前`Set对象`的值。

s1.clear()
    console.log(s1)
    
    // Set(0) {}

**forEach()** 对`forEach()`的重写

s1.forEach((item, index, s) => { 
        // forEach中的第一个参数的值和第二个参数的值是相同的，都表示set中的每一项
        console.log(item, index, s)
    })
    
    // 1 1 Set(4) {1, 2, 3, 4}
    // 2 2 Set(4) {1, 2, 3, 4}
    // 3 3 Set(4) {1, 2, 3, 4}
    // 4 4 Set(4) {1, 2, 3, 4}

**利用Set对象数组去重**

var arr = [1, 2, 3, 4, 5, 5, 2, 2, 1, 3, 34, 42, 3, 1, 3, 1]
    var newarr = [...new Set(arr)]
    console.log(newarr)
    
    // [1, 2, 3, 4, 5, 34, 42]

**利用Set对象字符串去重**

const str = "hello world";
    const s = [...new Set(str)].join("")
    console.log(s)
    
    // helo wrd

**手写模拟Myset对象**

class MySet { 
        constructor(iterator) { 
            // 判断iterator是否是一个可迭代对象
            if (typeof iterator[Symbol.iterator] !== 'function') { 
                throw new TypeError(`你提供的${ iterator}不是一个可迭代对象`)
            }
            this._datas = [];
            for (const item of iterator) { 
                this.add(item)
            }
        }
    
        get size() { 
            return this._datas.length
        }
    
        add(data) { 
            if (!this.has(data)) { 
                this._datas.push(data)
            }
        }
    
        has(data) { 
            for (const item of this._datas) { 
                if (this.isEqual(data, item)) { 
                    return true;
                }
            }
        }
    
        delete(data) { 
            for (let i = 0; i < this._datas.length; i++) { 
                if (this.isEqual(data, this._datas[i])) { 
                    this._datas.splice(i, 1)
                    return true;
                }
            }
            return false;
        }
    
        clear() { 
            this._datas.length = 0;
        }
    
        forEach(callback) { 
            for (let item of this._datas) { 
                callback(item, item, this)
            }
        }
    
        isEqual(data1, data2) { 
            // 判断+0和-0为相等
            if (data1 === 0 && data2 === 0) { 
                return true
            }
            return Object.is(data1, data2)
        }
    }