博客

Set的常见方法

1）Set常见的属性

size：返回Set中元素的个数。

const arr = [33, 10, 25, 30, 33, 26]
const arrSet = new Set(arr)   // Set()括号中传入可迭代对象

// 4.size属性
console.log(arrSet.size);   // 5

2）Set常用的方法

① add(value): 添加某个元素，返回Set对象本身。

const arr = [33, 10, 25, 30, 33, 26]
const arrSet = new Set(arr)  

arrSet.add(100)
console.log(arrSet);    //Set(6) {33,10,25,30,26,100}

② delete(value): 从set中删除和这个值相等的元素，返回boolean类型。

const arr = [33, 10, 25, 30, 33, 26]
const arrSet = new Set(arr)  

arrSet.delete(30)     // delete方法括号中传入的必须是元素值，不能是索引
console.log(arrSet);    //Set(4) {33,10,25,26}

③ has(value): 判断set中是否存在某个元素，返回boolean类型。

const arr = [33, 10, 25, 30, 33, 26]
const arrSet = new Set(arr)  
console.log(arrSet.has(33));   // true

④ clear(): 清空set中所有的元素，没有返回值。

const arr = [33, 10, 25, 30, 33, 26]
const arrSet = new Set(arr)  
arrSet.clear()
console.log(arrSet);    // Set(0) {}

⑤ forEach(callback, [, thisArg]): 通过forEach遍历set。

const arr = [33, 10, 25, 30, 33, 26]
const arrSet = new Set(arr)  
arrSet.forEach(item => {
    console.log(item);
})

除此之外，Set还支持for…of来遍历。

const arr = [33, 10, 25, 30, 33, 26]
const arrSet = new Set(arr)  
for (const item of arrSet) {
    console.log(item);
}