es6 set的使用

似于數(shù)組,但它的一大特性就是所有元素都是唯一的,沒有重復(fù)轰胁。
我們可以利用這一唯一特性進(jìn)行數(shù)組的去重工作。
1.set是一種數(shù)據(jù)結(jié)構(gòu)朝扼,可以認(rèn)為是數(shù)組赃阀;
2.set里面添加的對(duì)象即使相同也是不相等的,例如:set.add({}); set.add({}); 可以同時(shí)存在擎颖;
3.Set.prototype.constructor榛斯,構(gòu)造函數(shù),默認(rèn)是set函數(shù)搂捧;
4.Array.from方法可以將set結(jié)構(gòu)轉(zhuǎn)化為數(shù)組驮俗;
Array.from(new Set([...a,...b]))

es6 set方法可分為兩大類:
1、操作方法(用于數(shù)據(jù)操作)“add(value)”异旧、“delete(value)”意述、“has(value)”、clear()吮蛹;

add(value)    添加數(shù)據(jù)荤崇,并返回新的 Set 結(jié)構(gòu)
delete(value)   刪除數(shù)據(jù),返回一個(gè)布爾值潮针,表示是否刪除成功
has(value)    查看是否存在某個(gè)數(shù)據(jù)术荤,返回一個(gè)布爾值
clear()      清除所有數(shù)據(jù),沒有返回值

let set = new Set([1, 2, 3, 4, 4]);
// 添加數(shù)據(jù) 5
let addSet = set.add(5);
console.log(addSet); // Set(5) {1, 2, 3, 4, 5}
// 刪除數(shù)據(jù) 4s
let delSet = set.delete(4);
console.log(delSet); // true 此處返回值是個(gè)boolean 表示 是否刪除成功
// 查看是否存在數(shù)據(jù) 4
let hasSet = set.has(4);
console.log(hasSet); // false
// 清除所有數(shù)據(jù)
set.clear();
console.log(set); // Set(0) {}

2每篷、遍歷方法(用于遍歷數(shù)據(jù))keys()瓣戚、values()、entries()焦读、forEach()子库。

keys()     返回一個(gè)鍵名的遍歷器
values()    返回一個(gè)鍵值的遍歷器
entries()    返回一個(gè)鍵值對(duì)的遍歷器
forEach()   使用回調(diào)函數(shù)遍歷每個(gè)成員

let color = new Set(["red", "green", "blue"]);
for(let item of color.keys()){
 console.log(item);
}
// red
// green
// blue
for(let item of color.values()){
 console.log(item);
}
// red
// green
// blue
for(let item of color.entries()){
 console.log(item);
}
// ["red", "red"]
// ["green", "green"]
// ["blue", "blue"]
color.forEach((item) => {
 console.log(item)
})
// red
// green
// blue

Set的屬性

常用的屬性就一個(gè):size--返回 Set 實(shí)例的成員總數(shù)。

let s = new Set([1, 2, 3]);
console.log( s.size ); // 3
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末矗晃,一起剝皮案震驚了整個(gè)濱河市仑嗅,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖仓技,帶你破解...
    沈念sama閱讀 216,402評(píng)論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鸵贬,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡脖捻,警方通過查閱死者的電腦和手機(jī)阔逼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來地沮,“玉大人嗜浮,你說我怎么就攤上這事∷弑簦” “怎么了周伦?”我有些...
    開封第一講書人閱讀 162,483評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)未荒。 經(jīng)常有香客問我专挪,道長(zhǎng),這世上最難降的妖魔是什么片排? 我笑而不...
    開封第一講書人閱讀 58,165評(píng)論 1 292
  • 正文 為了忘掉前任寨腔,我火速辦了婚禮,結(jié)果婚禮上率寡,老公的妹妹穿的比我還像新娘迫卢。我一直安慰自己,他們只是感情好冶共,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,176評(píng)論 6 388
  • 文/花漫 我一把揭開白布乾蛤。 她就那樣靜靜地躺著,像睡著了一般捅僵。 火紅的嫁衣襯著肌膚如雪家卖。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,146評(píng)論 1 297
  • 那天庙楚,我揣著相機(jī)與錄音上荡,去河邊找鬼。 笑死馒闷,一個(gè)胖子當(dāng)著我的面吹牛酪捡,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播纳账,決...
    沈念sama閱讀 40,032評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼逛薇,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了疏虫?” 一聲冷哼從身側(cè)響起金刁,我...
    開封第一講書人閱讀 38,896評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤帅涂,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后尤蛮,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,311評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡斯议,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,536評(píng)論 2 332
  • 正文 我和宋清朗相戀三年产捞,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片哼御。...
    茶點(diǎn)故事閱讀 39,696評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡坯临,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出恋昼,到底是詐尸還是另有隱情看靠,我是刑警寧澤,帶...
    沈念sama閱讀 35,413評(píng)論 5 343
  • 正文 年R本政府宣布液肌,位于F島的核電站挟炬,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏嗦哆。R本人自食惡果不足惜谤祖,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,008評(píng)論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望老速。 院中可真熱鬧粥喜,春花似錦、人聲如沸橘券。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽旁舰。三九已至锋华,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間鬓梅,已是汗流浹背供置。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留绽快,地道東北人芥丧。 一個(gè)月前我還...
    沈念sama閱讀 47,698評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像坊罢,于是被迫代替她去往敵國(guó)和親续担。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,592評(píng)論 2 353

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

  • 你可能問,都2021年了,咋還在討論Set基礎(chǔ)知識(shí)询兴?這不是Vue 3.0來了么乃沙,2021年就可以上生產(chǎn)了,Vue ...
    microkof閱讀 564評(píng)論 0 0
  • Set 基本用法 ES6提供了新的數(shù)據(jù)結(jié)構(gòu)Set诗舰。它類似于數(shù)組警儒,但是成員的值都是唯一的,沒有重復(fù)的值眶根。Set本身是...
    oWSQo閱讀 787評(píng)論 0 1
  • 似于數(shù)組蜀铲,但它的一大特性就是所有元素都是唯一的,沒有重復(fù)属百。我們可以利用這一唯一特性進(jìn)行數(shù)組的去重工作记劝。 實(shí)例方法 ...
    前端胡歌閱讀 234評(píng)論 0 0
  • (一) set 數(shù)據(jù)結(jié)構(gòu) ES6 提供了新的數(shù)據(jù)結(jié)構(gòu) Set。它類似于數(shù)組族扰,但是成員的值都是唯一的厌丑,沒有重復(fù)的值。...
    woow_wu7閱讀 1,075評(píng)論 1 1
  • Set類似于數(shù)組别伏,但是成員的值都是唯一的蹄衷,沒有重復(fù)的值。它本身就是一個(gè)構(gòu)造函數(shù)厘肮,用來生成Set數(shù)據(jù)結(jié)構(gòu): 例1通過...
    汶沐閱讀 218評(píng)論 0 0