您好,登錄后才能下訂單哦!
本文小編為大家詳細介紹“ES6怎么將Set轉化為數組”,內容詳細,步驟清晰,細節處理妥當,希望這篇“ES6怎么將Set轉化為數組”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
Set
是 ES6 中新增的一種集合類型,類似于數組,但其成員的值是唯一的,即不會重復。關于Set,可以閱讀《JavaScript中的Set數據操作:交集、差集、交集、對稱差集》。Set
對象是一個構造函數,可以使用 new
關鍵字來創建一個 Set
實例。
例如:
const mySet = new Set();
Set
對象具有以下特征:
Set
實例的成員唯一,不會重復。
Set
實例可以存儲任何類型的值,包括基本類型和對象。
Set
實例是可迭代的,可以使用 for...of
循環遍歷其中的值。
Set
實例的 size
屬性可以用來獲取它包含的成員數量。
Set
對象有以下常用方法:
add(value)
:添加一個值到 Set
實例中。 delete(value)
:從 Set
實例中刪除一個值。 has(value)
:判斷 Set
實例中是否包含某個值,返回一個布爾值。 clear()
:清空 Set
實例中的所有值。
可以使用以下代碼創建一個包含幾個元素的 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轉化為數組”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。