初識Set

• 在Set里，不能有重復的值。

let set = new Set()
set.add(1)
set.add(1)
console.log(set)

運行結果：

修改一下

let set = new Set()
set.add(1)
set.add('1')
console.log(set)

運行結果：

這里和對象進行一下比較：對象是不區分字符串和數字的，而且后面的會把前面的覆蓋。

let obj = {1: 'hello','1': 'dust',
}
console.log(obj);

---

Set里的增刪改查

• 查找：set.has('dust')，set.values()
• 增加：set.add('good')
• 刪除：set.delete('hello')
• 全部刪除：set.clear()

let set = new Set(['hello', 'dust'])
console.log(set.size) //2
console.log(set.delete('hello')) //true
console.log(set.delete('hello123')) //false
console.log(set.has('dust')) //true
set.add('good')
console.log(set.values()) //[Set Iterator] { 'dust', 'good' }
console.log(set.clear()) //undefined
console.log(set.size) //0

---

類型之間互相幫助才是好兄弟

• 例題：去除字符串內小于5的

let a = new Set('123456789')
let arr = [...a].filter((item) => item < 5)
a = new Set(arr)
console.log(a) //Set(4) { '1', '2', '3', '4' }

• 例題：數組去重

這是我見過的最簡單的寫法了，震驚啊！

let array = [1, 2, 3, 4, 5, 1, 2, 3, 4]
array = [...new Set(array)]
console.log(array) //[ 1, 2, 3, 4, 5 ]

• 例題：數組合并

let a = [1, 2, 3, 4, 5]
let b = [3, 4, 5, 6, 7, 8]
let set = new Set([...a, ...b])
let res = [...set]
console.log(res)

運行結果：

---

查看Set里的內容

let set = new Set(['hello', 'dust'])
console.log(set.entries())

運行結果：

---

Set的遍歷

• 用forEach的遍歷

let set = new Set(['hello', 'dust'])
set.forEach((value,key,set)=>{console.log(value,key);
})

運行結果：

• 用for-of遍歷：

for (const value of set) {console.log(value)
}

運行結果：

總結

以上是生活随笔為你收集整理的[JavaScript] Set类型在JavaScript中的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。