suchen

Heim >Web-Frontend >js-Tutorial >Wie erstelle ich in JavaScript ein neues Objekt aus einem bestimmten Objekt, bei dem alle Schlüssel in Kleinbuchstaben geschrieben sind?

Wie erstelle ich in JavaScript ein neues Objekt aus einem bestimmten Objekt, bei dem alle Schlüssel in Kleinbuchstaben geschrieben sind?

WBOY
WBOYnach vorne
2023-09-17 12:09:06526Durchsuche

如何从指定对象创建一个新对象，其中所有键在 JavaScript 中都是小写？

In JavaScript gibt es viele Möglichkeiten, aus alten Objekten neue Objekte zu erstellen. Ein häufiger Anwendungsfall ist das Erstellen eines neuen Objekts mit denselben Schlüsseln wie ein vorhandenes Objekt, jedoch mit allen Schlüsseln in Kleinbuchstaben. Dies ist hilfreich, wenn Sie mit Daten aus vielen Quellen mit unregelmäßigem Schlüsselgehäuse arbeiten. In diesem Blogbeitrag werden wir uns verschiedene JavaScript-Methoden zum Erstellen neuer Objekte mithilfe von Kleinbuchstaben ansehen.

Bevor Sie das tun, ist es jedoch wichtig, sich daran zu erinnern, dass das Erstellen neuer Objekte mit Kleinbuchstaben zwar hilfreich sein kann, wenn Sie mit Daten aus verschiedenen Quellen arbeiten, es aber auch wichtig ist, sich der möglichen Folgen einer Änderung der Groß-/Kleinschreibung bewusst zu sein.

Zum Beispiel kann es dazu führen, dass Code beschädigt wird, der aktuell davon ausgeht, dass sich ein Schlüssel in einer bestimmten Situation befindet, oder dass eine externe API oder Datenbank beeinträchtigt wird, die davon ausgeht, dass sich ein Schlüssel in einer bestimmten Situation befindet. Bevor Sie den Schlüsselfall eines Objekts ändern, führen Sie immer gründliche Tests Ihres Codes durch und berücksichtigen Sie die spezifischen Anforderungen Ihres Anwendungsfalls.

Object.assign()

Neue Objekte können erstellt werden, indem ein oder mehrere vorhandene Objekte mithilfe der integrierten JavaScript-Methode Object.assign() zusammengefügt werden. Es ist auch möglich, die Schlüsselhülle eines Objekts zu ändern, indem ein neues Objekt mit denselben Schlüsseln wie das Originalobjekt, jedoch mit allen Schlüsseln in Kleinbuchstaben, erstellt wird. Grundlegende Syntax zum Erstellen eines neuen Objekts mit Kleinbuchstaben mithilfe von Object.assign().

Beispiel

<html>
<body>
   <div id="myDiv"></div>
   <script>
      var original = {name: "John", AGE: 25};
      var lowercase = Object.assign({}, original);
      document.getElementById("myDiv").innerHTML = JSON.stringify(lowercase);
   </script>
</body>
</html>

In diesem Beispiel generiert die Funktion Object.assign() ein neues Objekt und weist ihm die Eigenschaften des ursprünglichen Objekts zu. Die gleichen Schlüssel des alten Objekts werden im neuen Objekt angezeigt, jedoch in Kleinbuchstaben.

Sie können die Funktion Object.keys() verwenden, um die Schlüssel des Originalobjekts zu durchlaufen und sie in Kleinbuchstaben umzuwandeln, bevor Sie sie an Object.assign() übergeben –

Beispiel

<html>
<body>
   <div id="myDiv"></div>
   <script>
      var original = { name: "John", AGE: 25 };
      var lowercase = Object.assign(
         {},
         ...Object.keys(original).map((k) => ({
            [k.toLowerCase()]: original[k],
         }))
      );
      document.getElementById("myDiv").innerHTML = JSON.stringify(lowercase);
   </script>
</body>
</html>

Diese Methode verwendet die Methode Object.keys(), um das Schlüsselarray des Originalobjekts abzurufen. Die Methode Array.map() wird verwendet, um die Schlüssel zu durchlaufen und ein neues Objekt mit denselben Schlüsseln, jedoch in Kleinbuchstaben, zu erstellen. Das neue Objekt wird dann mithilfe des Spread-Operators an Object.assign() übergeben.

for-in-Schleife

Die Verwendung einer for-in-Schleife, um die Schlüssel des ursprünglichen Objekts zu durchlaufen und ein neues Objekt mit denselben Schlüsseln, jedoch in Kleinbuchstaben, zu generieren, ist eine weitere Möglichkeit, ein neues Objekt mit Schlüsseln in Kleinbuchstaben zu erstellen. Die grundlegende Syntax zum Erstellen eines neuen Objekts mit Kleinbuchstaben mithilfe einer For-In-Schleife lautet -

Beispiel

<html>
<body>
   <div id="myDiv"></div>
   <script>
      var original = { name: "John", AGE: 25 };
      var lowercase = {};
      for (var key in original) {
         lowercase[key.toLowerCase()] = original[key];
      }
      document.getElementById("myDiv").innerHTML = JSON.stringify(lowercase);
   </script>
</body>
</html>

In diesem Beispiel wird die Funktion toLowerCase() verwendet, um jede Taste von Groß- in Kleinbuchstaben zu ändern und den zugehörigen Wert dem neuen Objekt zuzuweisen. Dann durchläuft die for-in-Schleife die Schlüssel des ursprünglichen Objekts.

JSON.parse() und JSON.stringify()

Die Verwendung der Methoden JSON.parse() und JSON.stringify() ist eine dritte Möglichkeit, neue Objekte mit Kleinbuchstaben zu erstellen. Beim Erstellen neuer Objekte mit Kleinbuchstaben mithilfe dieser Techniken lautet die grundlegende Syntax:

Beispiel

<html>
<body>
   <div id="myDiv"></div>
   <script>
      var original = { name: "John", AGE: 25 };
      var lowercase = JSON.parse(JSON.stringify(original).toLowerCase());
      document.getElementById("myDiv").innerHTML = JSON.stringify(lowercase);
   </script>
</body>
</html>

In diesem Beispiel wird das Originalobjekt mit der Methode JSON.stringify() in einen JSON-String konvertiert. Verwenden Sie dann die Methode toLowerCase(), um alle Schlüssel im JSON-String in Kleinbuchstaben umzuwandeln.

Verwenden Sie abschließend die Methode JSON.parse(), um den JSON-String zurück in ein JavaScript-Objekt zu konvertieren. Mit dieser Methode wird ein neues Objekt erstellt, das dieselben Schlüssel wie das ursprüngliche Objekt hat, jedoch alle Schlüssel in Kleinbuchstaben geschrieben sind.

Tatsächlich erfordert diese Methode die Konvertierung des Objekts in einen String und wieder zurück, was sie weniger effizient macht als die ersten beiden Methoden. Es funktioniert auch nur bei einfachen Objekten; bei Objekten mit eindeutigen Eigenschaften oder Methoden funktioniert es möglicherweise nicht.

Fazit

In diesem Artikel haben wir uns verschiedene JavaScript-Methoden zum Erstellen neuer Objekte mit Kleinbuchstaben angesehen. Eine schnelle und effiziente Möglichkeit, ein neues Objekt mit denselben Schlüsseln wie ein vorhandenes Objekt, jedoch nur in Kleinbuchstaben, zu generieren, ist die Verwendung der Methode Object.assign(). Eine weitere Möglichkeit, die Schlüssel eines Objekts zu durchlaufen und ein neues Objekt mit denselben Schlüsseln, jedoch in Kleinbuchstaben, zu generieren, ist eine For-In-Schleife. Kleinbuchstaben können auch zum Erstellen neuer Objekte mithilfe der Methoden JSON.parse() und JSON.stringify() verwendet werden, obwohl diese Methode weniger effizient ist und möglicherweise nicht mit allen Objekttypen funktioniert.

Das obige ist der detaillierte Inhalt vonWie erstelle ich in JavaScript ein neues Objekt aus einem bestimmten Objekt, bei dem alle Schlüssel in Kleinbuchstaben geschrieben sind?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript json 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：Wie erhalte ich mit FabricJS die vollständige Stildeklaration eines Zeichens in IText?Nächster Artikel：Wie erhalte ich mit FabricJS die vollständige Stildeklaration eines Zeichens in IText?

In Verbindung stehende Artikel

Mehr sehen