本篇內(nèi)容主要講解“ES6的Set、Map、Symbol怎么用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“ES6的Set、Map、Symbol怎么用”吧!

目前創(chuàng)新互聯(lián)已為上千的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬空間、網(wǎng)站運營、企業(yè)網(wǎng)站設(shè)計、廣州網(wǎng)站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

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

??set 數(shù)據(jù)結(jié)構(gòu)，可以了解為集合，與數(shù)組相似，內(nèi)部的成員是唯一的(不重復)。

const a = new Set();a.add(1),add(2).add(100).add(1);

a這個集合通過add方法增加數(shù)據(jù)后，會有返回值，返回值是它本身，所以可以采用鏈式增加的方式增加數(shù)據(jù)。
假如遇到重復的數(shù)據(jù)增加，只增加一次。

遍歷這個集合：

a.forEach(i => console.log(i));

還可以使用ES2015的新添加的循環(huán)for...of

for(let i of a){   console.log(i);}

Set的少量屬性：

• size屬性：集合的數(shù)據(jù)長度，console.log(a.size);

• has(值)： 判斷集合中能否存在某一個值,console.log(a.has(100));

• delete(值)：刪除集合中的某個值，刪除成功返回true,console.log(a.delete(1));

• clear()：刪除集合中所有數(shù)據(jù),a.clear();

Set應用：數(shù)組去重

const arr = [1,2,3,1,2,4,6,76,44,3,4,8];const a = new Set(arr);console.log(arr);console.log(a);

這樣去重得到的是一個集合，ES2015中Array.from()可以將其轉(zhuǎn)換成數(shù)組。

const arr = [1,2,3,1,2,4,6,76,44,3,4,8];const a = Array.from(new Set(arr));console.log(arr);console.log(a);

當然還可以使用...開展操作符，定義一個數(shù)組的字面量，再將集合開展，保存為數(shù)組數(shù)據(jù)

const arr = [1,2,3,1,2,4,6,76,44,3,4,8];const a = [...new Set(arr)];console.log(arr);console.log(a);

Map 數(shù)據(jù)結(jié)構(gòu)

• Map與對象的結(jié)構(gòu)相似，是一個鍵值對的集合，與對象不一樣的是，對象在設(shè)置鍵時，這個鍵是字符串類型的，存儲結(jié)構(gòu)復雜的數(shù)據(jù)時，就會出現(xiàn)問題

const obj = {};obj[true] = "boolean";obj[123] = "number";obj[{a:1}] = "object";    console.log(Object.keys(obj));//keys 輸出對象的所有鍵

內(nèi)部通過toString方法自動的將這些鍵的名稱變成字符串類型。當給對象的隨意傳一個對象作為鍵來調(diào)用時，只需能匹配'[object object]'，所得到的結(jié)果還是object，這樣就會出現(xiàn)問題。不能實現(xiàn)一 一對應的關(guān)系。

console.log(obj[{}]);//傳一個空對象console.log(obj[`[object object]`]);//傳一個一樣的字符串

而Map可以實現(xiàn)鍵值對一 一映射

const map = new Map();const a = {a:1};//a是一個對象，作為鍵，{a:1}map.set(a,100);//鍵為a，值為100console.log(map);//{{a:1} => 100}

這里的鍵a是一個對象型的數(shù)據(jù)，沒有被轉(zhuǎn)成字符串

console.log(map.get(a));//獲取a鍵的值，得到100

console.log(map.has(a));//找到鍵值a，返回true//map.delete(a);//map.clear();    map.forEach((value,key) => {    console.log(key,value);})

Symbol：全新的原始數(shù)據(jù)類型。最主要的作用就是為對象增加獨一無二的屬性標識符

Symbol() === Symbol()的返回值是false，由此可以看出Symbol創(chuàng)立的值是獨一無二的。

const obj = {}obj[Symbol()] = 123;obj[Symbol()] = 446;//obj對象里的值沒有發(fā)生覆蓋console.log(obj);//通過形容文本區(qū)分Symbolconsole.log(Symbol('a'));console.log(Symbol('b'));console.log(Symbol('age'));

const obj = {   [Symbol()] : 999,   name : "li"}obj[Symbol()] = 111;obj[Symbol()] = 222;console.log(obj[Symbol()]);//undefined//Symbol定義的屬性是不能在對象以外進行調(diào)用的console.log(obj.name);

需要注意的是console.log(obj[Symbol()]);//undefined  Symbol定義的屬性是不能在對象以外進行調(diào)用的，由于通過Symbol（）生成的值，調(diào)用時無法確定獲取哪一個值。這樣可以作為對象內(nèi)部的私有成員。

Symbol 補充

• 每次調(diào)用Symbol的值都是全新的值，Symbol("a") === Symbol("a")返回值為false，即便形容文本一樣，Symbol每次調(diào)用的也不一樣的。

• 如何對Symbol的值進行重復使用？

  定義一個全局變量，使其等于Symbol()，重復使用變量a

  const a = Symbol();

  使用Symbol類型中的靜態(tài)方法實現(xiàn)復用（Symbor.for()）

  const a = Symbol.for('symbol1');const b = Symbol.for('symbol1');console.log(a === b);//true

  const a = Symbol.for('true');const b = Symbol.for(true);console.log(a === b);//true,遇到布爾值會自動轉(zhuǎn)換成字符串形式

• 對象的toString標簽，任何對象.toString()都是[object Object]。如何自己設(shè)置對象的toString標簽，[Symbol.toStringTag]:"objtag"

  const obj1 = {a:1};console.log(obj1.toString());//[object Object]const obj2 = {[Symbol.toStringTag]:"obj2"};console.log(obj2.toString());//[object obj2]

• 在對象中Symbol的屬性名用for循環(huán)是遍歷不出來的，Object.keys(obj)也不會顯示的，JSON的JSON.stringify(obj)也獲取不到。所以Symbol經(jīng)常會被忽略，不會在外面被獲取。所以Symbol作為對象的私有屬性名是非常安全的。

  若的確需要獲取對象中的Symbol（）屬性名時

  //若非要獲取，通過getOwnPropertySymbols[obj]方法const obj = {    [Symbol()]:"a",    b : 1        };console.log(Object.getOwnPropertySymbols(obj));//只能獲取Symbol()類型的屬性名

到此，相信大家對“ES6的Set、Map、Symbol怎么用”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學習！

分享標題：ES6的Set、Map、Symbol怎么用
文章URL：http://aaarwkj.com/article6/goopig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機網(wǎng)站建設(shè)、動態(tài)網(wǎng)站、域名注冊、網(wǎng)站導航、虛擬主機、定制開發(fā)

廣告

聲明：本網(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)