ES6--(7) Set與Map

ES5 中的 Set 與 Map

????Set 與 Map 并不正式存在于 ES5 中侥蒙。一般會(huì)使用對(duì)象來模擬 Set 和 Map 慌核。

set
map

變通方法的問題

????由于對(duì)象屬性的類型必須為字符串谈跛,就必須保證任意兩個(gè)鍵不能被轉(zhuǎn)換為相同的字符串蜕猫。比如數(shù)字和數(shù)字組成的字符串箫措、兩個(gè)對(duì)象等腹备。

ES6 的 Set

????ES6 新增了 Set 類型,這是一種無重復(fù)值的有序列表斤蔓。 Set 允許對(duì)它包含的數(shù)據(jù)進(jìn)行快速訪問植酥,從而增加了一個(gè)追蹤離散值的更有效方式。

創(chuàng)建 Set 并添加項(xiàng)目

? ??Object.is()方法來判斷兩個(gè)值是否相等的弦牡,所以不會(huì)強(qiáng)制轉(zhuǎn)換友驮。(對(duì)象與之相同)

????可以使用 has() 方法來測試某個(gè)值是否存在于 Set 中。

移除值

????可以使用 delete() 方法來移除單個(gè)值驾锰,或調(diào)用 clear() 方法來將所有值從 Set 中移除卸留。

Set 上的 forEach() 方法

????forEach() 方法會(huì)被傳遞一個(gè)回調(diào)函數(shù),該回調(diào)接受三個(gè)參數(shù):

????????1. Set 中下個(gè)位置的值椭豫;

????????2. 與第一個(gè)參數(shù)相同的值耻瑟;

????????3. 目標(biāo) Set 自身。

key與value相等

如果想在回調(diào)函數(shù)中使用this赏酥,可以在forEach()中傳入第二個(gè)參數(shù)this喳整。或者使用箭頭函數(shù)裸扶。

將 Set 轉(zhuǎn)換為數(shù)組

? ? Set 無法通過索引來訪問某個(gè)值框都。不過可以將其轉(zhuǎn)化成數(shù)組,利用擴(kuò)展運(yùn)算符...

數(shù)組去重

Weak Set

????對(duì)象存儲(chǔ)在 Set 的一個(gè)實(shí)例中時(shí)姓言,實(shí)際上相當(dāng)于把對(duì)象存儲(chǔ)在變量中瞬项。只要對(duì)于 Set 實(shí)例的引用仍然存在,所存儲(chǔ)的對(duì)象就無法被垃圾回收機(jī)制回收何荚,從而無法釋放內(nèi)存。

????ES6 也包含了 Weak Set 猪杭,該類型只允許存儲(chǔ)對(duì)象弱引用餐塘,而不能存儲(chǔ)基本類型的值。對(duì)象的弱引用在它自己成為該對(duì)象的唯一引用時(shí)皂吮,不會(huì)阻止垃圾回收戒傻。

創(chuàng)建 Weak Set

Set 類型之間的關(guān)鍵差異

????Weak Set 與正規(guī) Set 之間最大的區(qū)別是對(duì)象的弱引用税手。若只想追蹤對(duì)象的引用,應(yīng)當(dāng)使用 Weak Set 而不是正規(guī) Set 需纳。

????????1. 對(duì)于 WeakSet 的實(shí)例芦倒,若調(diào)用 add() 方法時(shí)傳入了非對(duì)象的參數(shù),就會(huì)拋出錯(cuò)誤(has() 或 delete() 則會(huì)在傳入了非對(duì)象的參數(shù)時(shí)返回 false )不翩;

????????2. Weak Set 不可迭代兵扬,因此不能被用在 for-of 循環(huán)中;

????????3. Weak Set 無法暴露出任何迭代器(例如 keys() 與 values() 方法)口蝠,因此沒有任何編程手段可用于判斷 Weak Set 的內(nèi)容器钟;

????????4. Weak Set 沒有 forEach() 方法;

????????5. Weak Set 沒有 size 屬性妙蔗。

ES6 的 Map

????ES6 的 Map 類型是鍵值對(duì)的有序列表傲霸,而鍵和值都可以是任意類型。鍵的比較使用的是Object.is()眉反。

????set() 方法并給它傳遞一個(gè)鍵與一個(gè)關(guān)聯(lián)的值昙啄,來給 Map 添加項(xiàng); get() 方法便能提取對(duì)應(yīng)的值寸五。

Map 的方法

????????has(key) :判斷指定的鍵是否存在于 Map 中跟衅;

????????delete(key) :移除 Map 中的鍵以及對(duì)應(yīng)的值;

????????clear() :移除 Map 中所有的鍵與對(duì)應(yīng)的值播歼。

? ??????size 屬性伶跷,用于指明包含了多少個(gè)鍵值對(duì)

Map 的初始化

Map 上的 forEach 方法

? ? 三個(gè)參數(shù)的回調(diào)函數(shù):

????????1. Map 中下個(gè)位置的值;

????????2. 該值所對(duì)應(yīng)的鍵秘狞;

????????3. 目標(biāo) Map 自身叭莫。

Weak Map

????在 Weak Map 中,所有的鍵都必須是對(duì)象(嘗試使用非對(duì)象的鍵會(huì)拋出錯(cuò)誤)烁试,而且這些對(duì)象都是弱引用雇初,不會(huì)干擾垃圾回收。當(dāng) Weak Map 中的鍵在 Weak Map 之外不存在引用時(shí)减响,該鍵值對(duì)會(huì)被移除靖诗。

使用 Weak Map

Weak Map 的初始化

Weak Map 的方法

????Weak Map 只有兩個(gè)附加方法能用來與鍵值對(duì)交互。has() 與 delete() 方法支示。

對(duì)象的私有數(shù)據(jù)

????Weak Map 的一個(gè)實(shí)際應(yīng)用就是在對(duì)象實(shí)例中存儲(chǔ)私有數(shù)據(jù)刊橘。

Weak Map 的用法與局限性

????是否使用非對(duì)象的鍵。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末颂鸿,一起剝皮案震驚了整個(gè)濱河市促绵,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖败晴,帶你破解...
    沈念sama閱讀 211,265評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件浓冒,死亡現(xiàn)場離奇詭異,居然都是意外死亡尖坤,警方通過查閱死者的電腦和手機(jī)稳懒,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來慢味,“玉大人场梆,你說我怎么就攤上這事≈疲” “怎么了辙谜?”我有些...
    開封第一講書人閱讀 156,852評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長感昼。 經(jīng)常有香客問我装哆,道長,這世上最難降的妖魔是什么定嗓? 我笑而不...
    開封第一講書人閱讀 56,408評(píng)論 1 283
  • 正文 為了忘掉前任蜕琴,我火速辦了婚禮,結(jié)果婚禮上宵溅,老公的妹妹穿的比我還像新娘凌简。我一直安慰自己,他們只是感情好恃逻,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,445評(píng)論 5 384
  • 文/花漫 我一把揭開白布雏搂。 她就那樣靜靜地躺著,像睡著了一般寇损。 火紅的嫁衣襯著肌膚如雪凸郑。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,772評(píng)論 1 290
  • 那天矛市,我揣著相機(jī)與錄音芙沥,去河邊找鬼。 笑死浊吏,一個(gè)胖子當(dāng)著我的面吹牛而昨,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播找田,決...
    沈念sama閱讀 38,921評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼歌憨,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼!你這毒婦竟也來了午阵?” 一聲冷哼從身側(cè)響起躺孝,我...
    開封第一講書人閱讀 37,688評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤享扔,失蹤者是張志新(化名)和其女友劉穎底桂,沒想到半個(gè)月后植袍,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,130評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡籽懦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,467評(píng)論 2 325
  • 正文 我和宋清朗相戀三年于个,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片暮顺。...
    茶點(diǎn)故事閱讀 38,617評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡厅篓,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出捶码,到底是詐尸還是另有隱情羽氮,我是刑警寧澤,帶...
    沈念sama閱讀 34,276評(píng)論 4 329
  • 正文 年R本政府宣布惫恼,位于F島的核電站档押,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏祈纯。R本人自食惡果不足惜令宿,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,882評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望腕窥。 院中可真熱鬧粒没,春花似錦、人聲如沸簇爆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽入蛆。三九已至响蓉,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間安寺,已是汗流浹背厕妖。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評(píng)論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留挑庶,地道東北人言秸。 一個(gè)月前我還...
    沈念sama閱讀 46,315評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像迎捺,于是被迫代替她去往敵國和親举畸。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,486評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容