這篇文章主要介紹了ES6中的Map與Set集合如何使用的相關(guān)知識,內(nèi)容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇ES6中的Map與Set集合如何使用文章都會有所收獲,下面我們一起來看看吧。
寧化ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18980820575(備注:SSL證書合作)期待與您的合作!
集合的概念以及和數(shù)組的區(qū)別
其實數(shù)組也是集合, 只不過數(shù)組的索引是數(shù)值類型.當想用非數(shù)值類型作為索引時, 數(shù)組就無法滿足需要了.
而 Map 集合可以保存多個鍵-值對(key-value), Set 集合可以保存多個元素.
對Map 和 Set 一般不會逐一遍歷其中的元素. Map 一般用來存儲需要頻繁取用的數(shù)據(jù), Set 一般用來判斷某個值是否存在其中.
ES 5 中對 Map 和 Set 的模擬方法
在ES 5 中,沒有 Set和Map集合, 一般使用對象來模擬這兩種集合, 對象的屬性作為鍵(key), 以屬性值作為值(value), 即以 property: property-value 來模擬 key-value 的形式. 具體實現(xiàn)如下:
模擬 Map 的鍵值對集合:
// 創(chuàng)建一個 Map 對象 var map = Object.create(null); // 添加屬性和屬性值, 即 添加 key 和 value map.key1 = 'value 1'; map.key2 = {}; // 取得 key 對應的 value console.log(map.key1); // "value 1" console.log(map.key2); // "Object {}"
模擬 Set :
// 創(chuàng)建一個 Set 對象 var set = Object.create(null); // 添加屬性和屬性值, 即 添加 key 并令其值為 true, 即表示這個key存在于集合中 set.key = true; // 判斷 key 是否存在, 然后進行下一步的操作 if(set.key) { ... }
用對象模擬這兩種集合的缺陷
由于對象中的屬性名必須是字符串, 如果傳入的不是字符串則會強制轉(zhuǎn)換成對應的字符串類型
一般使用 if 語句來判斷一個 key 是否存在于集合中, 當這個 key 對應的 value 為 false 或者可以被強制轉(zhuǎn)換為 false 時, 則 if 語句認為這個key不存在.但是其實是存在的, 只不過 value = false 而已.
ES6 中的 Map 和 Set 集合
下面正式來討論這兩種集合的特點
Map
Map 中存儲的是 key-value 形式的鍵值對, 其中的 key 和 value 可以是任何類型的, 即對象也可以作為 key . 這比用對象來模擬的方式就靈活了很多
Map 的創(chuàng)建和初始化
可以用new Map()構(gòu)造函數(shù)來創(chuàng)建一個空的 Map
// 創(chuàng)建一個空的 Map let map = new Map();
也可以在 Map() 構(gòu)造函數(shù)中傳入一個數(shù)組來創(chuàng)建并初始化一個 Map. 傳入的數(shù)組是二維數(shù)組, 其中的每一個子數(shù)組都有兩個元素, 前者會被作為 key, 后者會被作為 value, 這樣就形成了一個 key-value 鍵值對. 例如:
// 用數(shù)組來創(chuàng)建一個 非空的 Map let array = [ // 定義一個二維數(shù)組, 數(shù)組中的每子都有兩個元素 ['key1' , 'value 1'], // key 是 字符串 "key1", value 是字符串 "value 1" [{} , 10086] , // key 是個對象, value 是數(shù)值 10086 [ 5, {} ] // key 是個數(shù)值類型, value 是對象 ]; let map = new Map(array); // 將數(shù)組傳入 Map 構(gòu)造函數(shù)中
Map 可用的 方法
set(key, value): 向其中加入一個鍵值對
get(key): 若不存在 key 則返回 undefined
has(key):返回布爾值
delete(key): 刪除成功則返回 true, 若key不存在或者刪除失敗會返回 false
clear(): 將全部元素清除
size 屬性, 屬性值為 map 中鍵值對的個數(shù)
遍歷方法 forEach()
和數(shù)組的 forEach 方法類似, 回調(diào)函數(shù)中都包含3個參數(shù) 值, 鍵, 和 調(diào)用這個方法的 Map 集合本身
map.forEach(function(value, key, ownerMap){ console.log(key, value); // 每對鍵和值 console.log(ownerMap === map); // true });
Set 集合
Set 和 Map 最大的區(qū)別是只有鍵 key 而沒有 value, 所以一般用來判斷某個元素(key)是否存在于其中.
創(chuàng)建和初始化方法, 和 Map 大同小異
既可以創(chuàng)建一個空 set 也可以用數(shù)組來初始化一個非空的set. 和 Map 不同的是, 數(shù)組是一維數(shù)組, 每個元素都會成為 set 的鍵.例如:
// 創(chuàng)建一個數(shù)組 let array = [1, 'str']; // 一維數(shù)組 // 用數(shù)組來初始化 set let set = new Set(array);
set 的方法
1、add(key): 往set添加一個元素, 如果傳入多個參數(shù), 則只會把第一個加入進去
let set = new Set(); set.add(1, 2, 3); console.log(set.has(1), set.has(2), set.has(3)); // true false false 可以看到只有第一個參數(shù)被加入進了 set
2、has(key)
3、delete(key)
4、clear()
遍歷方法 forEach
和 Map 的 forEach 方法相似, 回調(diào)函數(shù)的參數(shù)也是3個 (value, key, ownerSet). 按道理來說因為 set 中只有 key 沒有 value, 那么會掉函數(shù)中不應該存在 value 這個參數(shù), 那么為什么這個 value 參數(shù)仍然存在呢?可能是因為 數(shù)組和 Map 的 forEach 方法的回調(diào)函數(shù)的參數(shù)都是這三個, 如果對于 Set 而改變了參數(shù), 那么就會丟失了一致性. 這個理由......
那么既然沒有 value , 那么這個value的值是什么呢?答案是和key 一樣.我們可以把value和key 劃等號了.下面這段代碼可以驗證這個說法.
set.forEach(function(value, key, ownerSet){ console.log(value === key, set === ownerSet); // true true });
WeakSet 和 WeakMap
這兩個集合比之前的兩個集合在名字之前都加上了 Weak, 這個 Weak 可以直譯成弱, 這個弱指的是弱引用, 那么前面不帶Weak的 Set 和 Map就不弱, 就是強了, 這個強指的是強引用.
與 Set 和 Map 的區(qū)別
先說表層的區(qū)別:
弱版本集合的 key 只能是對象, 對于 value 的類型沒有限制.
弱版本集合沒有 forEach 方法, 也沒有 for in 方法, 也不能用數(shù)組來初始化(會報錯).
弱版本可用的方法較少. WeakSet 只有 add, has, delete 方法可用; WeakMap 只有 set, has, get, delete 方法可用.
根本區(qū)別
弱版本的集合和它們對應的強版本根本的區(qū)別在對于對象的引用的強弱上, 而對象指的是 key 位置的對象, 即以對象為key的情況.
強弱版本對于 key 是對象時的引用機制如下:
將對象設置為 key 時, 就在集合中保存了這個對象的引用. 當這個對象沒有其他引用了的時候, 即只有集合還引用著這個對象的時候, 弱類型的集合會放棄對這個對象的引用, 把這個對象從集合里移除, 不讓它繼續(xù)存在于集合中了, 有些“趕盡殺絕”的意思; 但是強類型的集合還會一直保存著對這個對象的引用, 就把它一直放在集合里.這就是 [WeakSet 和 WeakMap] 與 [Set 和 Map] 的根本區(qū)別.
要注意的是這個機制只作用于 key , 而 value 位置綁定的對象無論是否還存在別的引用, WeakMap 都不會放棄這個對象.只有這個位置的 key 綁定的對象沒有其他引用時, 才會把 key 和 value 都放棄. 決定權(quán)在于 key 位置.
弱版本集合的主要用處
若版本集合可以用在需要生命周期管理的地方,例如保存對一個 DOM 對象的引用, 如果一個 DOM 對象使用完畢, 沒有其他的引用了, 那么它應該被 垃圾回收,以免產(chǎn)生內(nèi)存泄漏,那么弱版本的集合就最適合用來保存這樣的對象了。
注意:四種集合都是有序的, 即元素被添加進去的順序就是在內(nèi)部保存的順序. 對于用數(shù)組來初始化的集合也一樣, 按照在數(shù)組中的位置依次添加進集合中.
關(guān)于“ES6中的Map與Set集合如何使用”這篇文章的內(nèi)容就介紹到這里,感謝各位的閱讀!相信大家對“ES6中的Map與Set集合如何使用”知識都有一定的了解,大家如果還想學習更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
文章標題:ES6中的Map與Set集合如何使用
轉(zhuǎn)載來于:http://muchs.cn/article24/isgpje.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營銷推廣、企業(yè)網(wǎng)站制作、商城網(wǎng)站、響應式網(wǎng)站、定制網(wǎng)站、Google
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)