快捷導(dǎo)航

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

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

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

正文

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

例如：

const mySet = new Set();

Set 對象具有以下特征：

Set 實例的成員唯一，不會重復(fù)。
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)文章！

您可能感興趣的文章:

亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

正文

相關(guān)文章

最新評論

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

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

常用在線小工具