Heim > Web-Frontend > js-Tutorial > Wie kann ich ein JavaScript-Objekt in ein Array von Schlüssel-Wert-Paaren konvertieren?

Wie kann ich ein JavaScript-Objekt in ein Array von Schlüssel-Wert-Paaren konvertieren?

DDD
Freigeben: 2024-12-10 00:59:10
Original
654 Leute haben es durchsucht

How Can I Convert a JavaScript Object into an Array of Key-Value Pairs?

Objekte in Arrays von Schlüssel-Wert-Paaren in JavaScript umwandeln

In der Welt von JavaScript ist das Konvertieren von Objekten in Arrays von Schlüssel-Wert-Paaren eine häufige Aufgabe. Angenommen, Sie haben ein Objekt wie dieses:

{
  "1": 5,
  "2": 7,
  "3": 0,
  "4": 0,
  "5": 0,
  "6": 0,
  "7": 0,
  "8": 0,
  "9": 0,
  "10": 0,
  "11": 0,
  "12": 0
}
Nach dem Login kopieren

Und Sie möchten es in ein Array wie dieses umwandeln:

[
  [1, 5],
  [2, 7],
  [3, 0],
  [4, 0],
  ...
]
Nach dem Login kopieren

So erreichen Sie diese Konvertierung mithilfe der integrierten Funktionen von JavaScript :

var obj = {
  "1": 5,
  "2": 7,
  "3": 0,
  "4": 0,
  "5": 0,
  "6": 0,
  "7": 0,
  "8": 0,
  "9": 0,
  "10": 0,
  "11": 0,
  "12": 0
};

var result = Object.keys(obj).map((key) => [key, obj[key]]);
Nach dem Login kopieren

In dieser Lösung verwenden wir zunächst die Methode Object.keys(), um ein Array der Schlüssel des Objekts zu erhalten (["1", „2“, „3“, ...]). Dann verwenden wir die Methode map(), um ein neues Array zu erstellen. Die Funktion „map()“ nimmt jeden Schlüssel als Parameter, verpackt ihn in ein Array ([key]) und hängt den entsprechenden Wert aus dem ursprünglichen Objekt an (obj[key]), was zu einem Array von Schlüssel-Wert-Paaren führt ([ ["1", 5], ["2", 7], ["3", 0], ...]).

Das obige ist der detaillierte Inhalt vonWie kann ich ein JavaScript-Objekt in ein Array von Schlüssel-Wert-Paaren konvertieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage