快捷導(dǎo)航

ES6如何將?Set?轉(zhuǎn)化為數(shù)組示例詳解

更新時(shí)間：2023年02月20日 10:53:49 作者：天行無忌

這篇文章主要為大家介紹了ES6如何將?Set?轉(zhuǎn)化為數(shù)組的方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

正文

Set 是 ES6 中新增的一種集合類型，類似于數(shù)組，但其成員的值是唯一的，即不會(huì)重復(fù)。關(guān)于Set，可以閱讀《JavaScript中的Set數(shù)據(jù)操作：交集、差集、交集、對稱差集》。Set 對象是一個(gè)構(gòu)造函數(shù)，可以使用 new 關(guān)鍵字來創(chuàng)建一個(gè) Set 實(shí)例。

例如：

const mySet = new Set();

Set 對象具有以下特征：

Set 實(shí)例的成員唯一，不會(huì)重復(fù)。
Set 實(shí)例可以存儲(chǔ)任何類型的值，包括基本類型和對象。
Set 實(shí)例是可迭代的，可以使用 for...of 循環(huán)遍歷其中的值。
Set 實(shí)例的 size 屬性可以用來獲取它包含的成員數(shù)量。

Set 對象有以下常用方法：

add(value)：添加一個(gè)值到 Set 實(shí)例中。 delete(value)：從 Set 實(shí)例中刪除一個(gè)值。 has(value)：判斷 Set 實(shí)例中是否包含某個(gè)值，返回一個(gè)布爾值。 clear()：清空 Set 實(shí)例中的所有值。

可以使用以下代碼創(chuàng)建一個(gè)包含幾個(gè)元素的 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ù)組。該方法接受一個(gè)可迭代對象，并返回一個(gè)新數(shù)組。

例如，假設(shè)有一個(gè) Set 對象 mySet，可以按以下方式將其轉(zhuǎn)換為數(shù)組：

const mySet = new Set([1, 2, 3]);
const myArray = Array.from(mySet);
console.log(myArray); // 輸出 [1, 2, 3]

除此之外，還可以使用擴(kuò)展運(yùn)算符 ... 來將 Set 轉(zhuǎn)換為數(shù)組。例如：

const mySet = new Set([1, 2, 3]);
const myArray = [...mySet];
console.log(myArray); // 輸出 [1, 2, 3]

這種方法更簡潔，但不支持 IE 瀏覽器。

除了使用 Array.from() 方法和擴(kuò)展運(yùn)算符 ...，還有就是通過遍歷 Set 并將每個(gè)元素添加到一個(gè)新數(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ù)組示例詳解的詳細(xì)內(nèi)容，更多關(guān)于ES6將Set轉(zhuǎn)化為數(shù)組的資料請關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章:

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

ES6如何將?Set?轉(zhuǎn)化為數(shù)組示例詳解

正文

相關(guān)文章

最新評論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具