Heim >Web-Frontend >js-Tutorial >Wie konvertiere ich ein Array von Objekten mit JavaScript in ein Array?

Wie konvertiere ich ein Array von Objekten mit JavaScript in ein Array?

WBOYnach vorne: 2023-09-22 11:29:021543Durchsuche

如何使用 JavaScript 将 Object 数组转换为数组？

Wir können ein Array von Object in ein JavaScript-Array konvertieren, indem wir die Methode Object.values(), die Methode Array puch() und die for...of-Schleife verwenden. Zuerst durchlaufen wir jedes Objekt mithilfe von for...of und wenden dann die Methode Object.values() an, um auf die Werte eines einzelnen Objekts zuzugreifen. Verwenden Sie dann die Methode Array Push(), um den Wert zum Array hinzuzufügen. In diesem Artikel werden wir diese Methode im Detail besprechen.

Schauen wir uns ein Beispiel an, um das Problem zu verstehen.

Sie haben ein Array von Objekten erhalten und die Aufgabe besteht darin, das Array von Objekten in ein Array von Objektwerten umzuwandeln. Hier ist ein Beispiel dafür, was wir erreichen wollen.

Gegebenes Array von Objekten -

let carObj = [
   { name: "John", car: "Ford" },
   { name: "Mark", car: "BMW" },
   { name: "Ben", car: "Toyota" }
]

sollte in -

umgewandelt werden

let carObj = ["John", "Ford", "Mark", "BMW", "Ben", "Toyota" ]

Es gibt viele Möglichkeiten, dies zu erreichen. Einige von ihnen sind -

Für...der Schleife verwenden
Verwenden Sie die array.map-Methode

Verwenden Sie die for...of-Schleife

Die for...of-Schleife wird verwendet, um die Werte eines Arrays oder eines beliebigen iterierbaren Objekts zu durchlaufen. Um ein Array von Objekten mithilfe einer for...of-Schleife in ein Array umzuwandeln, führen wir die folgenden Schritte aus.

Schritte

Erstellen Sie einen leeren Bereich, um den Ergebniswert zu speichern.
Verwenden Sie for...of, um das Objektarray zu durchlaufen
Wir wissen, dass die Elemente eines Arrays die Objekte sind, deren Werte wir wollen.
Übertragen Sie den Wert des aktuellen Objekts über die Methoden array.push und Object.values() in ein leeres Array.

Beispiel

In diesem Beispiel haben wir ein Array von Objekten. Diese Objekte enthalten Namen und Fahrzeugmodi. Wir extrahieren diese Werte und weisen sie mithilfe einer for..of-Schleife einem einzelnen Array zu.

<html>
<head>
   <title>How to convert Object’s array to an array using JavaScript?</title>
</head>
<body>
   <h3 id="demo">Converting Object’s array to an array using for...of loop</h3>
   <script>
      
      // The car object
      let carObj = [
         { name: "John", car: "Ford" },
         { name: "Mark", car: "BMW" },
         { name: "Ben", car: "Toyota" }
      ]
      
      // Initialize an empty array
      let arr = [];
      
      // Loop through the car object
      for (i of carObj) {
         
         // Push the values of every object into arr
         arr.push(...Object.values(i))
      }
      
      // Print the arr
      document.write("Final Array: " + arr) 
   </script>
</body>
</html>

Verwenden Sie die Array.map()-Methode

Die Methode Array.map() ruft eine Funktion für jedes Element des Arrays auf und gibt ein neues Array zurück. Um ein Array von Objekten mit der Methode Array.map() in ein Array umzuwandeln, führen wir die folgenden Schritte aus.

Wenden Sie die Kartenmethode auf ein Array von Objekten an.
Gibt nach jeder Iteration den Wert des Schlüssels zurück, den Sie extrahieren möchten.
Sie erhalten ein Array aller Werte für einen bestimmten Schlüssel.

Beispiel

In diesem Beispiel haben wir ein Array von Objekten. Diese Objekte enthalten Namen und Fahrzeugmodi. Wir extrahieren alle Autos in ein separates Array und alle Namen in ein separates Array.

<html>
<head>
   <title>Example- How to convert Object's array to an array using JavaScript</title>
</head>
<body>
   <h3 id="demo">Converting Object's array to an array using Array.map() method</h3>
   <script>
      
      // The car object
      let carObj = [
         { name: "John", car: "Ford" }, 
         { name: "Mark", car: "BMW" },
         { name: "Ben", car: "Toyota" }
      ]
      let nameArr = carObj.map((item) => item.name)
      let carArr = carObj.map((item) => item.car)
      
      // Print the Arrays
      document.write("Names Array : " + nameArr + "<br>")
      document.write("Cars Array : " + carArr)
   </script>
</body>
</html>

Das obige ist der detaillierte Inhalt vonWie konvertiere ich ein Array von Objekten mit JavaScript in ein Array?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript Array Object for 循环 map 对象

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Was ist Sessionstorage?Nächster Artikel：Was ist Sessionstorage?

In Verbindung stehende Artikel

Mehr sehen