對 JavaScript 的 Set 的觀念修正

前言

  在前一篇 關於 JavaScript 的 Set 有介紹到 Set ，但實際使用發現有些誤解，這次把學習的過程做個紀錄。

內容

  在 關於 JavaScript 的 Set 的範例有加入字串的 key ，但使用 Set.has() 使用數字來尋找，這樣可能會產生誤會，誤會 Set 只能檢查數字的 key ，畢竟 C++ 的 Set 是要區分數字與字串的，但 JavaScript 其實是不用的!因為 Javascript 的容器天生就可以接受異質的元素，所以不會區分字串與數字的容器，接著看範例

let set = new Set( [ 0 , 'abc' , 2 , 1 ] );
//
console.log( set.has( 0 ) );//true
console.log( set.has('abc') );//true
//
const valueList = [ 'aaa', 'afdsf' , 123 , 'aaa' , 'bbb'];
let checkList = new Set( valueList );
console.log( checkList.size );//4

範例開頭確認 Set 是可以使用異質的 key ，接著就透過 valueList 來確認重複，透過確認 Set.size 來確認是否把重複的值給成功過濾，結果是 4 ，表示第 4 個元素被過濾掉了。

參考資料

[ developer.mozilla.org ] Set

相關文章與資料

關於 JavaScript 的 Set