1. 程式人生 > >ES6知識整理(7)--Set和Map數據結構

ES6知識整理(7)--Set和Map數據結構

ora ear 踏實 9.png 叠代 數據 edi KS 返回鍵

技術分享圖片

(文章會同步到博客園,技術類文章還是該讓搜索引擎察覺比較好)

技術分享圖片

Set構造函數


初始化一個值不重復的數組,適合做數組去重。

技術分享圖片

2種數組去重的方法:

技術分享圖片

這裏再說下Array.from(),表示以一個類數組||可叠代對象,創建一個新數組

技術分享圖片

Set實例的屬性、方法


size:成員個數

add():增加成員

has():是個存在成員

delete():刪除成功

ckear():刪除所有成員

技術分享圖片

Set遍歷

keys():返回鍵名遍歷

技術分享圖片

結果:

技術分享圖片


values():返回鍵值遍歷

技術分享圖片

結果:

技術分享圖片


entries():返回鍵值對遍歷

技術分享圖片

結果:

技術分享圖片

(Set結構沒有鍵名,所以鍵名=鍵值)


forEach():遍歷操作所有成員

技術分享圖片

結果:

技術分享圖片

Map對象


類似Object對象,以鍵=>值的形式存在

屬性:

size 返回map結構成員數

方法:

has(key) 是否存在成員 返回boolean

get(key) 取該成員的值 返回value (找不到key時返回undifined)

技術分享圖片

set(key,value) 設置map鍵值對 返回新map(無鍵則新增 有鍵則更新)

各種類型鍵均可

技術分享圖片

結果:

技術分享圖片

delete(key):刪除一個對於key的成員 返回boolean

clear():清空map所有成員

技術分享圖片

Map遍歷


技術分享圖片

結果:

技術分享圖片

Map轉數組


技術分享圖片



技術分享圖片

一句:腳踏實地的前行,一步步走到今天。總是能親眼見證,破繭而出的明天。我們的世界總在,不斷的向前進變。現在才剛剛開始,只是個起點。


----公眾號:海瑞菌

技術分享圖片

ES6知識整理(7)--Set和Map數據結構