ES6中Set()的使用 javaScript

2021-08-20 18:33:08 字數 617 閱讀 7040

記錄一波今天在專案中實踐使用es6中的set()的資料結構,感覺特別帥氣!!!

set()可以實現在返回的一串資料的陣列中挑選出滿足你條件的資料。最大的關注點就是:去重!!!

使用場景:後台返回乙個陣列(所有場景的):裡面包含了全景圖與非全景圖(字段下面根據imagetype)來區分,貨架分為主貨架與非主貨架(而全景圖只在主貨架中展示),但是主貨架又有多個。

//計算屬性subjobpanoramaobject

subjobpanoramaobject () //臨時物件,用於儲存鍵名為主貨架名稱的物件屬性,值為屬於該主貨架的全景圖列表

panoramalist = this.imagelist.filter(image => image.imagetype === 1) //篩選出全景圖

for (const iterator of panoramalist)

}} let targetobject = {}

for (const panorama in panoramaobject)

} return targetobject

}

完美高效解決資料結構整理的需求!✌

ES6中如何使用Set和WeakSet

es6中提供了兩新資料結構 set和weakset。set是類似於陣列,但是成員變數的值都是唯一的,沒有重複的值。weakset也是不重複的值的集合,但是只能用來存放物件。一 set使用 1 set本身提供了乙個建構函式,用來生成set資料結構。var s new set 2,2,2,5,8,16,...

es6中set的屬性 方法和使用

set 資料結構 類似陣列 成員資訊唯一性 新增1 add var s new set s.add ggg add 5555 console.log s set 新增2 陣列 var s2 new set rrr 123,rfggb console.log s2 set 刪除 delete 返回值 ...

es6的 set 學習總結

set 集合 一直以來,js只能使用陣列和物件來保持多個資料,缺乏像其他語言那樣擁有豐富的結合型別 因此,es6 新增了兩種結合型別 set 和 map 用於不同場景發揮作用。1.set 用於存放不能重複的資料 如何建立乙個set 如 const sets newset 建立乙個沒有任何內容的set...