ES6如何將?Set?轉(zhuǎn)化為數(shù)組示例詳解
正文
Set 是 ES6 中新增的一種集合類型，類似于數(shù)組，但其成員的值是唯一的，即不會重復。關(guān)于Set，可以閱讀《JavaScript中的Set數(shù)據(jù)操作：交集、差集、交集、對稱差集》。Set 對象是一個構(gòu)造函數(shù)，可以使用 new 關(guān)鍵字來創(chuàng)建一個 Set 實例。
例如：
const mySet = new Set();
Set 對象具有以下特征：
Set實例的成員唯一，不會重復。Set實例可以存儲任何類型的值，包括基本類型和對象。Set實例是可迭代的，可以使用for...of循環(huán)遍歷其中的值。Set實例的size屬性可以用來獲取它包含的成員數(shù)量。
Set 對象有以下常用方法：
add(value)：添加一個值到 Set 實例中。 delete(value)：從 Set 實例中刪除一個值。 has(value)：判斷 Set 實例中是否包含某個值，返回一個布爾值。 clear()：清空 Set 實例中的所有值。
可以使用以下代碼創(chuàng)建一個包含幾個元素的 Set 對象并使用其方法：
const mySet = new Set();
mySet.add(1);
mySet.add("two");
mySet.add({ name: "DevPoint" });
console.log(mySet.has("two")); // 輸出 true
mySet.delete(1);
console.log(mySet.size); // 輸出 2
mySet.clear();
console.log(mySet.size); // 輸出 0
在 ES6 中，可以使用 Array.from() 方法將 Set 轉(zhuǎn)換為數(shù)組。該方法接受一個可迭代對象，并返回一個新數(shù)組。
例如，假設(shè)有一個 Set 對象 mySet，可以按以下方式將其轉(zhuǎn)換為數(shù)組：
const mySet = new Set([1, 2, 3]); const myArray = Array.from(mySet); console.log(myArray); // 輸出 [1, 2, 3]
除此之外，還可以使用擴展運算符 ... 來將 Set 轉(zhuǎn)換為數(shù)組。例如：
const mySet = new Set([1, 2, 3]); const myArray = [...mySet]; console.log(myArray); // 輸出 [1, 2, 3]
這種方法更簡潔，但不支持 IE 瀏覽器。
除了使用 Array.from() 方法和擴展運算符 ...，還有就是通過遍歷 Set 并將每個元素添加到一個新數(shù)組中。
const mySet = new Set([1, 2, 3]);
const myArray = [];
for (let item of mySet) {
myArray.push(item);
}
console.log(myArray); // 輸出 [1, 2, 3]以上就是ES6如何將 Set 轉(zhuǎn)化為數(shù)組示例詳解的詳細內(nèi)容，更多關(guān)于ES6將Set轉(zhuǎn)化為數(shù)組的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
json_decode 索引為數(shù)字時自動排序問題解決方法
這篇文章主要介紹了使用son_encode 給前端返回數(shù)據(jù)，結(jié)果順序不對，經(jīng)debug調(diào)試，發(fā)現(xiàn)是json_encode 函數(shù)的問題,變成 " " + 數(shù)字即可,需要的朋友可以參考下2020-03-03
javascript 從if else 到 switch case 再到抽象
大家覺得在接手遺留代碼時，見到什么東東是最讓人感到不耐煩的？復雜無比的 UML ？我覺得不是。2010-07-07
JS/HTML5游戲常用算法之路徑搜索算法 隨機迷宮算法詳解【普里姆算法】
這篇文章主要介紹了JS/HTML5游戲常用算法之路徑搜索算法 隨機迷宮算法,結(jié)合實例形式詳細分析了針對迷宮游戲路徑搜索算法的普里姆算法相關(guān)原理、實現(xiàn)方法及操作注意事項,需要的朋友可以參考下2018-12-12
梳理總結(jié)JavaScript的23個String方法
文章主要介紹了梳理總結(jié)JavaScript的23個String方法,JavaScript?中的String類型用于表示文本型的數(shù)據(jù)。它是由無符號整數(shù)值作為元素而組成的集合,更多詳細內(nèi)容需要的朋友可以參考一下2022-07-07
IE下Ajax緩存問題的快速解決方法(get方式)。網(wǎng)上搜了很多解決方案，一大把，下面是我認為比較全面的解決方案。主要分為客戶端解決和服務端解決2014-01-01
本文主要介紹了手把手教會你使用redux的入門教程，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-04-04
js?通過Object.defineProperty()?定義和控制對象屬性
這篇文章主要介紹了js?通過Object.defineProperty()?定義和控制對象屬性，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的朋友可以參考一下2022-08-08
在 JavaScript 中,處理浮點數(shù)時經(jīng)常會遇到精度丟失的問題,這是由于 JavaScript 內(nèi)部采用 IEEE 754 標準表示浮點數(shù),導致某些小數(shù)無法精確表示,本文將介紹一些常見的方法來解決 JavaScript 中的精度問題,并討論它們的優(yōu)缺點,需要的朋友可以參考下2024-05-05
微信小程序?qū)崿F(xiàn)簡單手寫簽名組件的方法實例
在使用微信的時候,為方便我們發(fā)送文件可以直接在上面進行手寫簽名,這篇文章主要給大家介紹了關(guān)于利用微信小程序?qū)崿F(xiàn)簡單手寫簽名組件的相關(guān)資料,需要的朋友可以參考下2021-07-07![解讀JavaScript代碼 var ie = !-[1,] 最短的IE判定代碼](http://img.jbzj.com/images/xgimg/bcimg9.png)
解讀JavaScript代碼 var ie = !-[1,] 最短的IE判定代碼
這句代碼在IE9之前曾被稱為世界上最短的IE判定代碼。代碼雖短但確包含了不少javascript基礎(chǔ)知識在里面。2011-05-05