Konvertieren von Set in Array in JavaScript

Shiv Yadav 30 Januar 2023
  1. Konvertieren Set zu Array mit Array.from() in JavaScript
  2. Set in Array umwandeln mit dem Spread-Operator in JavaScript
  3. Konvertieren Set in Array mit der Funktion Set.prototype.forEach() in JavaScript
Konvertieren von Set in Array in JavaScript

In diesem Artikel betrachten wir die Konvertierung eines Sets in ein Array in JavaScript.

Konvertieren Set zu Array mit Array.from() in JavaScript

  • Array.from() ermöglicht es Ihnen, Arrays aus den folgenden Quellen zu erstellen:
  • Array-ähnliche Objekte (Objekte mit indizierten Elementen und einer Längeneigenschaft); oder
  • Items, die iteriert werden können (wie Map und Set).

Aus iterierbaren Objekten wie Set kann die Methode Array.from() oberflächlich kopierte Array-Instanzen erstellen. Mit ES6 wurde es dem Array-Objekt hinzugefügt. So würde der Code aussehen:

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

console.log(ar);

Ausgabe:

[1, 3, 5, 7]

Set in Array umwandeln mit dem Spread-Operator in JavaScript

Die Erweiterung syntax (...) erweitert Iterationen, wie Array-Ausdrücke oder Strings, bei denen null oder mehr Argumente (für Funktionsaufrufe) oder Elemente (für Array-Literale) erwartet werden, oder null oder mehr Schlüssel-Wert-Paare, auf die erweitert wird die erwartete Position (für Objektliterale).

Sie können den Spread-Operator auch verwenden, um das Set in ein Array umzuwandeln. Die Unfold-Syntax erlaubt es, die Menge zu erhöhen, in der ein Array-Literal erwartet wird. Es wiederum brachte die ES6-Spezifikation von JavaScript mit sich.

Seine Verwendung wird im Folgenden getestet:

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

console.log(ar);

Ausgabe:

[1, 3, 5, 7]

Konvertieren Set in Array mit der Funktion Set.prototype.forEach() in JavaScript

Eine andere Lösung besteht darin, jedes Element des Sets zum Array hinzuzufügen. Dies kann einfach mit der Methode forEach() erfolgen, wie unten gezeigt:

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

console.log(ar);

Die Methode forEach() führt den bereitgestellten Callback einmal für jeden Wert im Set-Objekt aus.

Ausgabe:

[1, 3, 5, 7]
Autor: 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

Verwandter Artikel - JavaScript Array