《Angular之ES6語法實現陣列去重》

2021-08-21 23:43:25 字數 674 閱讀 8273

前言:

我希望我的希望不再是希望

正文:

實現去重的主人翁-----set和array.from

set是一種新的資料結構,它可以接收乙個陣列或者是類陣列物件,自動去重其中的重複專案。

1.在ts中:

constructor()
2.效果圖:

重複的專案已經被去掉了,包括nan。正常情況下,nan === nan 返回的是false,但是在set裡,一樣能夠去重 ,然而,效果圖中我們發現set返回的是乙個物件,並沒有得到我們想要的陣列。接下來array.from幫你解決

array.from可以把類陣列物件、可迭代物件轉化為陣列:

1.編輯**

constructor()
2.效果圖: 

結語:此方法甚好,但存在相容性問題,目前主流的瀏覽器,chrome,firfox,opera,safari,包括微軟的edge,都是支援的,唯獨ie系列不支援。要慎用哦。

Angular之ES6語法實現陣列去重

使用set和array.from實現去重的功能 set是一種新的資料結構,它可以接收乙個陣列或者是類陣列物件,自動去重其中的重複專案。array.from可以把類陣列物件 可迭代物件轉化為陣列 let arr 279302170522816512,253110316597121024,2970292...

es6新增語法之

這是es6中新增的字串方法 可以配合反單引號完成拼接字串的功能 1 反單引號怎麼打出來?將輸入法調整為英文輸入法,單擊鍵盤上數字鍵1左邊的按鍵。2 用法 step1 定義需要拼接進去的字串變數 step2 將字串變數用 包起來,再寫到需要拼接的地方 3 示例 let a karry wang let...

es6新增語法之

這是es6中新增的字串方法 可以配合反單引號完成拼接字串的功能 1 反單引號怎麼打出來?將輸入法調整為英文輸入法,單擊鍵盤上數字鍵1左邊的按鍵。2 用法 step1 定義需要拼接進去的字串變數 step2 將字串變數用 包起來,再寫到需要拼接的地方 3 示例 let a karry wang let...