腳本之家服務器常用軟件

快捷導航

ES6如何將?Set?轉化為數組示例詳解

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

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

正文

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

例如：

const mySet = new Set();

Set 對象具有以下特征：

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

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 轉換為數組。該方法接受一個可迭代對象，并返回一個新數組。

例如，假設有一個 Set 對象 mySet，可以按以下方式將其轉換為數組：

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

除此之外，還可以使用擴展運算符 ... 來將 Set 轉換為數組。例如：

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

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

除了使用 Array.from() 方法和擴展運算符 ...，還有就是通過遍歷 Set 并將每個元素添加到一個新數組中。

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 轉化為數組示例詳解的詳細內容，更多關于ES6將Set轉化為數組的資料請關注腳本之家其它相關文章！

您可能感興趣的文章:

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

ES6如何將?Set?轉化為數組示例詳解

正文

相關文章

最新評論

大家感興趣的內容

最近更新的內容

常用在線小工具