Set && Map

1. Set

ES6 提供的新的數(shù)據(jù)結(jié)構(gòu)，一組 key 的集合，類(lèi)似于數(shù)組。但成員的值都是唯一的。

要?jiǎng)?chuàng)建一個(gè) Set，需要提供一個(gè) Array作為輸入，或者直接創(chuàng)建一個(gè)空 set。

let s1 = new Set() console.log(Object.prototype.toString.call(s1)) // [object Set]let s2 = new Set([1, 2, 3]) console.log(s2) // Set(3)?{1, 2, 3} console.log([...s2]) // [1, 2, 3] 復(fù)制代碼

數(shù)組去重

let arr = ['a', 'b', 'c', 'c', 'b', null, null, NaN, NaN, {}]console.log([...new Set(arr)]); // ["a", "b", "c", null, NaN, {…}] 復(fù)制代碼

字符串去重

let str = 'abbccddeffg'console.log([...new Set(str)].join('')) // 'bcdefg' 復(fù)制代碼

Set 實(shí)例的屬性和方法：

• Set 結(jié)構(gòu)的實(shí)例有以下屬性：

  • Set.prototype.size: 返回 Set 實(shí)例的成員總數(shù)；

• Set 實(shí)例的方法：

  • add(value): 添加某個(gè)值；
  • delete(value): 刪除某個(gè)值；
  • has(value): 是否存在某個(gè)值，返回 布爾值；
  • clear(): 清空所有值；

console.log(s3.add('d')); // Set(4)?{"a", "b", "c", "d"}console.log(s3.delete('b')); // trueconsole.log(s3.has('b')); // falseconsole.log(s3.clear()); // 沒(méi)有返回值console.log(s3); // Set(0)?{} 復(fù)制代碼

2. Map

Map 是一組鍵值對(duì)的集合（傳統(tǒng)上只能用字符創(chuàng)當(dāng)做鍵值），并且具有非常的查找速度

• 初始化 Map 需要一個(gè)二位數(shù)組，或者是一個(gè)空 Map

let m1 = new Map([['aaa', 111], ['bbb', 222]])console.log(m1); // Map(2)?{"aaa" => 111, "bbb" => 222}let m2 = new Map()console.log(m2); // Map(0)?{} 復(fù)制代碼

• 當(dāng)需要查找一個(gè)學(xué)生的成績(jī)時(shí)，對(duì)于一個(gè) [姓名，成績(jī)]的表（姓名 => 成績(jī)），只需要知道該學(xué)生的姓名，便可查到對(duì)應(yīng)的成績(jī)。查找速度極快。

let map = new Map([['tom', 98], ['lili', 90], ['Join', 80]])console.log(map); // Map(3)?{"tom" => 98, "lili" => 90, "Join" => 80}console.log(map.get('tom')); // 98console.log(map.has('Join')); // true 復(fù)制代碼

• 一個(gè) key 只能對(duì)應(yīng)一個(gè) value，當(dāng)重復(fù)賦值時(shí)，將會(huì)產(chǎn)生覆蓋。

let m3 = new Map([['aaa', 111], ['bbb', 222]])m3.set('ccc', 333) m3.set('ccc', 555)console.log(m3); // Map(3)?{"aaa" => 111, "bbb" => 222, "ccc" => 555}console.log(m3.get('ccc')) // 555 復(fù)制代碼

• Map 實(shí)例的遍歷方法：

  • keys():
  • values():
  • entries():
  • forEach:

let m4 = new Map([['tom', 98], ['lili', 90], ['Join', 80]])console.log(m4); // Map(3)?{"tom" => 98, "lili" => 90, "Join" => 80} console.log([...m4.keys()]) // ["tom", "lili", "Join"] console.log([...m4.values()]) // [98, 90, 80] console.log([...m4.entries()]) // 0:["tom", 98] // 1:["lili", 90] // 2:["Join", 80]for(let key of m4.keys()) {console.log(key); // tom, lili, Join }for(let value of m4.values()) {console.log(value); // 98, 90, 80 }for(let item of m4.entries()) {console.log(item);// ["tom", 98]// ['lili', 90]// ['Join', 80]console.log(item[0] + ' => ' + item[1]);// tom => 98// lili => 90// Join => 80 }for(let [key, value] of m4.entries()) {console.log(key + ' => ' + value);// tom => 98// lili => 90// Join => 80 }m4.forEach((value, key) => {console.log(key + ' => ' + value);// tom => 98// lili => 90// Join => 80 }) 復(fù)制代碼

轉(zhuǎn)載于:https://juejin.im/post/5c80c4e75188251b652af9be

總結(jié)

以上是生活随笔為你收集整理的Set Map的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。