Konvertieren ein Objekt in ein Array in JavaScript

Harshit Jindal 12 Oktober 2023
  1. Verwenden Sie Object.keys() und map(), um ein Objekt in JavaScript in ein Array zu konvertieren
  2. Verwenden Sie Object.entries(), um ein Objekt in JavaScript in ein Array zu konvertieren
Konvertieren ein Objekt in ein Array in JavaScript

Objekte sind nicht primitive Datentypen, die die Bausteine ​​von modernem JavaScript bilden. Im Gegensatz zu singulären primitiven Datentypen können Objekte auf komplexe Weise mehrere primitive Datentypen bilden.

Ein Array ist eine einzelne Variable, die zum Speichern einer Liste von Elementen verwendet wird. In diesem Tutorial wird erläutert, wie Sie ein Objekt in JavaScript in ein Array von Schlüssel-Wert-Paaren konvertieren.

Verwenden Sie Object.keys() und map(), um ein Objekt in JavaScript in ein Array zu konvertieren

Die Methode Object.keys() hilft beim Abrufen aller aufzählbaren Eigenschaften in einem Objekt in einem Array von Strings. Es nimmt das Objekt obj als Argument, und wir können eine Callback-Funktion hinzufügen, um das gewünschte Ergebnis zu erhalten.

Um ein Objekt in ein Array umzuwandeln, rufen wir zuerst die Methode Object.keys() für das Objekt auf, und dann rufen wir die Funktion map() für seinen Ausgang auf, um den Schlüssel und den Wert des Objekts im entsprechenden Array abzubilden . Es enthält die Eigenschaften in derselben Reihenfolge wie das Objekt.

var obj = {'2': 3, '1': 37, '23': 40, '41': 220, '115': 230};
var arr = Object.keys(obj).map(function(key) {
  return [Number(key), obj[key]];
});
console.log(arr);

Ausgabe:

[[1, 37], [2, 3], [23, 40], [41, 220], [115, 230]]

Verwenden Sie Object.entries(), um ein Objekt in JavaScript in ein Array zu konvertieren

Die Methode Object.entries() funktioniert ähnlich wie die Methode Object.keys() und Sie können damit auch ein Objekt in ein Array umwandeln. Aber es gab nur die Schlüssel zurück, und wir mussten die Funktion map() verwenden, um die aufzählbaren Objekteigenschaften im Array neu zu erstellen.

Object.entries() vereinfacht die Aufgabe, indem es die Antwort direkt in einem Array zurückgibt. Wie bei Object.keys() werden die Eigenschaften in derselben Reihenfolge wie das Objekt zurückgegeben.

var obj = {'2': 3, '1': 37, '23': 40, '41': 220, '115': 230};
var arr = Object.entries(obj);
console.log(arr);

Ausgabe:

[
  [ '1', 37 ],
  [ '2', 3 ],
  [ '23', 40 ],
  [ '41', 220 ],
  [ '115', 230 ]
]
Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

Verwandter Artikel - JavaScript Object

Verwandter Artikel - JavaScript Array