在 JavaScript 中將 Set 轉換為陣列

Shiv Yadav 2023年1月30日
  1. 在 JavaScript 中使用 Array.from() 將集合轉換為陣列
  2. 在 JavaScript 中使用 Spread 運算子將集合轉換為陣列
  3. 使用 JavaScript 中的 Set.prototype.forEach() 函式將 Set 轉換為陣列
在 JavaScript 中將 Set 轉換為陣列

在本文中,我們將研究在 JavaScript 中將 Set 轉換為陣列。

在 JavaScript 中使用 Array.from() 將集合轉換為陣列

  • Array.from() 允許你從以下來源構建陣列:
  • 類陣列物件(具有索引項和長度屬性的物件);或者
  • 可以迭代的專案(例如 Map 和 Set)。

從像 Set 這樣的可迭代物件中,Array.from() 方法可以構造淺拷貝的 Array 例項。使用 ES6,它被新增到 Array 物件中。這就是程式碼的樣子:

var aa = new Set([1, 3, 5, 7]);
let ar = Array.from(aa);

console.log(ar);

輸出:

[1, 3, 5, 7]

在 JavaScript 中使用 Spread 運算子將集合轉換為陣列

擴充套件 syntax (...) 擴充套件迭代,例如陣列表示式或字串,其中需要零個或多個引數(用於函式呼叫)或元素(用於陣列文字),或者零個或多個鍵值對擴充套件為預期的位置(對於物件文字)。

你還可以使用擴充套件運算子將 Set 更改為陣列。展開語法允許增加集合,其中需要一個陣列文字。反過來,它引入了 JavaScript 的 ES6 規範。

下面測試它的使用:

var aa = new Set([1, 3, 5, 7]);
let ar = [...aa];

console.log(ar);

輸出:

[1, 3, 5, 7]

使用 JavaScript 中的 Set.prototype.forEach() 函式將 Set 轉換為陣列

另一種解決方案是將 Set 的每個元素新增到陣列中。這可以使用 forEach() 方法輕鬆完成,如下所示:

var aa = new Set([1, 3, 5, 7]);
let ar = [];
aa.forEach(k => ar.push(k));

console.log(ar);

forEach() 方法為 Set 物件中的每個值執行一次提供的回撥。

輸出:

[1, 3, 5, 7]
作者: Shiv Yadav
Shiv Yadav avatar Shiv Yadav avatar

Shiv is a self-driven and passionate Machine learning Learner who is innovative in application design, development, testing, and deployment and provides program requirements into sustainable advanced technical solutions through JavaScript, Python, and other programs for continuous improvement of AI technologies.

LinkedIn

相關文章 - JavaScript Array

相關文章 - JavaScript Set