Konvertieren das JSON-Objekt in ein JavaScript-Array

1. Konvertieren Sie ein JSON-Objekt in ein Array in JavaScript mit der for...in-Schleife
2. Konvertieren Sie ein JSON-Objekt in ein Array in JavaScript mit der Schleife Object.entries()

Wie in vielen anderen Programmiersprachen können Objekte in JavaScript mit realen Objekten verglichen werden. In JavaScript ist ein Objekt eine eigenständige Entität mit Eigenschaften und einem Typ.

Vergleichen Sie es zum Beispiel mit einer Tasse. Ein Auto ist ein Objekt mit Eigenschaften. Ein Auto hat eine Farbe, ein Design, eine Modellnummer, eine Marke usw. Ebenso können JavaScript-Objekte Eigenschaften haben, die ihre Eigenschaften definieren.

Arrays sind spezielle Arten von Objekten, deren Schlüssel in numerischer Form vordefiniert sind. Jedes Javascript-Objekt kann in ein Array umgewandelt werden. Arrays müssen Integer anstelle von Strings als Elementindizes verwenden.

In diesem Artikel erfahren Sie, wie Sie ein JSON-Objekt in ein Array konvertieren.

Konvertieren Sie ein JSON-Objekt in ein Array in JavaScript mit der for...in-Schleife

Um ein Objekt in ein Array umzuwandeln, können Sie in JavaScript die for...in-Schleife verwenden. Es durchläuft alle aufzählbaren Eigenschaften eines Objekts, die in Zeichenketten codiert sind, einschließlich geerbter aufzählbarer Eigenschaften. Lassen Sie uns zum Beispiel ein Objekt mit zwei Eigenschaften erstellen und es mit der for...in-Schleife in ein Array umwandeln. Siehe Code unten.

Syntax:

for (variable in object) {
  statement
}

Diese Funktion iteriert das Objekt. Der variable wird bei jeder Iteration ein anderer Eigenschaftsname zugewiesen. Diese Methode extrahiert nur aufzählbare Eigenschaften aus einem Objekt. Weitere Informationen finden Sie in der Dokumentation der Methode for...in.

const object = {
  1: 'Hello',
  2: 'World'
};
const array = [];

for (var i in object) {
  array.push([i, object[i]]);
}
console.log(array)

Im obigen Beispiel haben wir zwei Eigenschaften eines Objekts 1 und 2 definiert. Wenn Sie das Objekt iterieren, werden alle Eigenschaften im Objekt überprüft und der Schlüssel wird zusammen mit dem Wert in ein Array übertragen. Wenn Sie den obigen Code in einem beliebigen Browser ausführen, wird so etwas gedruckt.

Ausgabe:

[["1", "Hello"], ["2", "World"]]

Konvertieren Sie ein JSON-Objekt in ein Array in JavaScript mit der Schleife Object.entries()

Die Methode Object.entries() gibt ein Array von aufzählbaren Eigenschaftspaaren aus Strings und Schlüsseln zurück, die für ein bestimmtes Objekt spezifisch sind. Es entspricht einer Iteration mit einer for...in-Schleife. Der einzige Unterschied besteht darin, dass eine for...in-Schleife auch die Eigenschaften des Prototyp-Strings auflistet.

Object.entries() gibt das Array mit derselben Reihenfolge zurück, wie sie von einer for...in-Schleife geliefert wird.

Syntax

Object.entries(obj);

Die Methode entries() nimmt ein Objekt als Parameter, dessen eigene aufzählbare Eigenschaftspaare mit Zeichenfolge zurückgegeben werden. Es gibt ein Array der eigenen aufzählbaren Zeichenketten-Eigenschaftspaare des gegebenen Objekts zurück. Object.entries() gibt ein Array zurück, dessen Elemente Paare von aufzählbaren String-Key-Eigenschaften in einem Objekt sind.

Weitere Informationen finden Sie in der Dokumentation der Methode Object.entries().

const object = {
  1: 'Hello',
  2: 'World'
};

const array = []

    for (const [key, value] of Object.entries(object)) {
  array.push([`${key}`, `${value}`]);
}
console.log(array)

Im obigen Beispiel haben wir die beiden Eigenschaften eines Arrays definiert. Wenn Sie das Objekt mithilfe von Einträgen durchlaufen, erhalten Sie einen Schlüssel und eine Eigenschaft, die in ein Array übertragen werden. Wenn Sie den obigen Code in einem beliebigen Browser ausführen, wird so etwas gedruckt.

Ausgabe:

[["1", "Hello"], ["2", "World"]]