国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

ES6的Set數(shù)據(jù)結(jié)構(gòu)

hiyayiji / 2852人閱讀

摘要:本身是一個構(gòu)造函數(shù),用來生成數(shù)據(jù)結(jié)構(gòu)可以接受一個數(shù)組或者類數(shù)組對象作為參數(shù),用來初始化可用于數(shù)組去重方法可以將結(jié)構(gòu)轉(zhuǎn)換為數(shù)組向加入值時,不會發(fā)生類型轉(zhuǎn)換類似于精確相等,但是要注意在里是等于自身的。

ES6:Set

大神地址:來自阮一峰大神的ES6入門書籍

了解Set

ES6提供了數(shù)據(jù)結(jié)構(gòu)Set。類似于數(shù)組,但是沒有重復(fù)值。

Set本身是一個構(gòu)造函數(shù),用來生成Set數(shù)據(jù)結(jié)構(gòu)

const s = new Set();
[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));
for(let i of s ) {
    console.log(i); //2 3 5 4
}

Set可以接受一個數(shù)組(或者類數(shù)組對象)作為參數(shù),用來初始化

var set = new Set([1, 2, 3, 4, 4]);
[...set]; // [1, 2, 3, 4]

可用于數(shù)組去重[...new Set(array)]

Array.from()方法可以將Set結(jié)構(gòu)轉(zhuǎn)換為數(shù)組Array.from(new Set(array))

向Set加入值時,不會發(fā)生類型轉(zhuǎn)換(類似于精確相等===),但是要注意在Set里NaN是等于自身的。另外兩個對象總是不相等的。

let set = new Set();
let a = NaN;
let b = NaN;
set.add(a);
set.add(b);
set; //{NaN} 只能加入一個,說明Set內(nèi)部兩個NaN是相等的
Set實例的屬性和方法

屬性:

Set.prototype.constructor:構(gòu)造函數(shù),默認(rèn)就是Set函數(shù)

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

操作方法(方法的具體實現(xiàn)見:我對JS集合的簡單學(xué)習(xí)):

add(value):添加一個值,返回Set結(jié)構(gòu)本身

delete(value):刪除某個值,返回布爾值

has(value):返回布爾值,表示是否是成員

clear():清除所有成員,無返回值

s.add(1).add(2).add(2); //鏈?zhǔn)綄懛?
s.size(); //2

s.has(3); //false

s.delete(2);
s.has(2); //false 

遍歷方法

keys():返回鍵名的遍歷器(什么是遍歷器?Iterator)

values():返回鍵值的遍歷器

entries():返回鍵值對的遍歷器

forEach():使用回調(diào)函數(shù)遍歷每個成員

這里要注意Set的鍵名和鍵值是同一個值,所以key()和values()行為是一致的。

let set = new Set(["red", "green", "no"]);

for(let item of set.keys()) {
    console.log(item); //red green no
}

for(let item of set.values()) {
    console.log(item); //red green no
}

for(let item of set.entries()) {
    console.log(item); //["red": "red"] ["green": "green"] ["no": "no"]
}

//對每個成員執(zhí)行某種操作,參數(shù)依次為鍵值、鍵名、集合本身
new Set([1, 2, 3]).forEach((value, key) => console.log(value * 2)); //2 4 6
操作集合
let a = new Set([1, 2, 3]);
let b = new Set([4, 3, 2]);

//并集
let union = new Set([...a, ...b]); //{1, 2, 3, 4}

//交集
let intersect = new Set([...a].filter(x => b.has(x))); //{2, 3}

//差集
let difference = new Set([...a].filter(x => !b.has(x))); //{1}

號外:擴展運算符(...)內(nèi)部使用for...of循環(huán),所以應(yīng)該知道for of是干嘛的吧

數(shù)組的map()filter()可用于Set

let set = new Set([1, 2, 3]);
set = new Set([...set].map(x => x * 2)); //set: {2, 4, 6}

let set = new Set([1, 2, 3, 4, 5]);
set = new Set([...set].filter(x => (x % 2) == 0)); //set {2, 4}

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/82154.html

相關(guān)文章

  • ES6引入數(shù)據(jù)結(jié)構(gòu) - ES6 - ECMAScript特性 - Javascript核心

    摘要:引入的數(shù)據(jù)結(jié)構(gòu)新加入的數(shù)據(jù)類型有這些數(shù)據(jù)結(jié)構(gòu)的支持并不廣泛,在寫這篇文章的時候。是或其他可枚舉的對象,其每個元素是的元數(shù)組。開頭的和不對持有引用,不影響。因此,他們沒有辦法對自身的進行直接的枚舉。目前新版的和支持。 原文:http://pij.robinqu.me/JavaScript_Core/ECMAScript/es6/es6_data_types.html 源代...

    fobnn 評論0 收藏0
  • 深入理解:ES6Set和Map數(shù)據(jù)結(jié)構(gòu),Map與其它數(shù)據(jù)結(jié)構(gòu)互相轉(zhuǎn)換

    摘要:學(xué)習(xí)筆記工作中常用到的語法只是簡單提及和,今天有空于是寫了這篇文章深入理解中的和數(shù)據(jù)結(jié)構(gòu),與其它數(shù)據(jù)結(jié)構(gòu)的互相轉(zhuǎn)換。的提供了新的數(shù)據(jù)結(jié)構(gòu)。本身是一個構(gòu)造函數(shù),用來生成數(shù)據(jù)結(jié)構(gòu)。 文中的內(nèi)容主要是來自于阮一峰的《ES6標(biāo)準(zhǔn)入門》(第三版)?!秾W(xué)習(xí)ES6筆記──工作中常用到的ES6語法》只是簡單提及Set和Map,今天有空于是寫了這篇文章──《深入理解:ES6中的Set和Map數(shù)據(jù)結(jié)構(gòu),M...

    Cristalven 評論0 收藏0
  • 深入理解ES6筆記(七)Set集合和Map集合

    摘要:創(chuàng)建并添加項目可以使用數(shù)組來初始化一個,并且構(gòu)造器會確保不重復(fù)地使用這些值使用方法來測試某個值是否存在于中移除值使用方法來移除單個值,或調(diào)用方法來將所有值從中移除。屬性的初始化將數(shù)組傳遞給構(gòu)造器,以便使用數(shù)據(jù)來初始化一個。 主要知識點:Set的基本操作,Weak Set,Map的基本操作,Weak MapshowImg(https://segmentfault.com/img/bVbf...

    loostudy 評論0 收藏0
  • 帶你入門 JavaScript ES6 (五) 集合

    摘要:一概述集合是引入的新的內(nèi)置對象類型,其特點同數(shù)學(xué)意義的集合,即集合內(nèi)所有元素不重復(fù)元素唯一。數(shù)組集合對比數(shù)組和集合,數(shù)組可以加入重復(fù)數(shù)據(jù),而集合的所有元素是唯一的不允許重復(fù)。因此,適合臨時存放一組對象,以及存放跟對象綁定的信息。 本文同步帶你入門 帶你入門 JavaScript ES6 (五) 集合,轉(zhuǎn)載請注明出處。 前面我們學(xué)習(xí)了: for of 變量和擴展語法 塊作用域變量和解構(gòu)...

    BetaRabbit 評論0 收藏0
  • ES6數(shù)據(jù)結(jié)構(gòu)set和map

    摘要:提供了新的數(shù)據(jù)結(jié)構(gòu)。用法結(jié)構(gòu)有以下屬性構(gòu)造函數(shù),默認(rèn)就是函數(shù)。結(jié)構(gòu)有以下方法添加某個值,返回結(jié)構(gòu)本身。返回一個布爾值,表示該值是否為的成員。清除所有成員,沒有返回值。 Set ES6 提供了新的數(shù)據(jù)結(jié)構(gòu) Set。它類似于數(shù)組,但是成員的值都是唯一的,沒有重復(fù)的值。 用法:new Set([iterable]) const set = new Set([1, 2, 3, 4, 4, 4]...

    VPointer 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<