Heim >Web-Frontend >js-Tutorial >JavaScript: Wie entferne ich das Schlüssel-Wert-Paar, das einem bestimmten Schlüssel entspricht, aus einem Objekt?

JavaScript: Wie entferne ich das Schlüssel-Wert-Paar, das einem bestimmten Schlüssel entspricht, aus einem Objekt?

PHPznach vorne: 2023-08-22 15:53:123352Durchsuche

In JavaScript können Objekte zum Speichern von Daten in Form von Schlüssel-Wert-Paaren erstellt werden. Auf Daten in einem Objekt kann mithilfe der Punktnotation (obj.key) oder der Klammernotation (obj["key"]) zugegriffen werden. Bitte beachten Sie das folgende Beispiel. −

let obj = { key1: "value1", key2: "value2", key3: "value" };

Wir können die Schlüssel-Wert-Paare, die den angegebenen Schlüsseln entsprechen, aus dem Objekt löschen. Vor dem Löschen müssen wir jedoch sicherstellen, dass diese Schlüssel im Objekt vorhanden sind In diesem Tutorial stellen wir drei Methoden vor.

Verwendung des Löschoperators

Der Löschoperator wird verwendet, um Attribute eines Objekts zu löschen. Der Löschoperator löscht nicht die Variable selbst, sondern nur ihren Wert.

Beispiel

Bitte beachten Sie das folgende Beispiel -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      let obj = { key1: "value1", key2: "value2", key3: "value3" };
      delete obj.key2;
      document.getElementById("result").innerHTML = JSON.stringify(obj);
      console.log(obj)
   </script>
</body>
</html>

Wie Sie dem obigen Beispiel entnehmen können, löscht der Löschoperator nur den Wert

Schlüssel und nicht der Schlüssel selbst.

Unten finden Sie die zeilenweise Erklärung des obigen Codes −

Schlüssel und nicht der Schlüssel selbst.

Das Folgende ist eine zeilenweise Erklärung des obigen Codes: -

let obj = { key1: "value1", key2: "value2", key3: "value3" };

Wir haben ein Objekt erstellt, das 3 Schlüssel-Wert-Paare enthält. Der

delete obj.key2;

delete-Operator wird verwendet, um ein Schlüssel-Wert-Paar zu löschen, wobei der Schlüssel „key2“ ist.

console.log(obj);

Die Ausgabe des obigen Codes auf der Konsole lautet: { key1: „value1“, key3: „value3“ } Sie können sehen, dass das Schlüssel-Wert-Paar mit dem Schlüssel „key2“ aus dem Objekt entfernt wurde.

Verwenden der filter()-Methode

Die filter()-Methode wird verwendet, um ein neues Array aus einem vorhandenen Array zu erstellen. Sehen Sie sich das Beispiel unten an:

Beispiel




   Examples


   
   <script>
      let obj = { key1: &quot;value1&quot;, key2: &quot;value2&quot;, key3: &quot;value3&quot; };
      let newObj = Object.keys(obj)
      .filter(key => key != "key2")
      .reduce((acc, key) => {
         acc[key] = obj[key];
         return acc;
      }, {});
      document.getElementById("result").innerHTML =
      JSON.stringify(newObj);
      console.log(newObj)
   </script>

Wie Sie dem obigen Beispiel entnehmen können, entfernt die filter()-Methode nur die der Schlüssel und nicht der Schlüssel selbst.

Unten finden Sie die zeilenweise Erklärung des obigen Codes:

Der Schlüssel ist der Schlüssel selbst.

Das Folgende ist eine zeilenweise Erklärung des obigen Codes:

let obj = { key1: "value1", key2: "value2", key3: "value3" };

Wir haben ein Objekt erstellt, das 3 Schlüssel-Wert-Paare enthält. Die Methode

let newObj = Object.keys(obj)
.filter(key => key != "key2")
.reduce((acc, key) => {
   acc[key] = obj[key];
   return acc;
}, {});

Object.keys() wird verwendet, um ein Array mit Objektschlüsseln zu erstellen Die Methode filter() wird verwendet, um aus einem vorhandenen Array ein neues Array zu erstellen. Der Schlüssel ist Vergleichen Sie mit „key2“. Wenn es nicht gleich ist, fügen Sie das Schlüssel-Wert-Paar einem neuen Array hinzu Die Methode Reduce() wird verwendet, um ein Array in ein Objekt zu reduzieren.

console.log(newObj);

Die Ausgabe des obigen Codes wird sein:

{ key1: „value1“, key3: „value3“ }

. Wie Sie sehen können, Das gelöschte Schlüssel-Wert-Paar mit dem Schlüssel „key2“ wurde aus dem Objekt gelöscht.

Verwenden Sie die for…in-Schleife

for…inloop wird verwendet, um die Eigenschaften eines Objekts zu durchlaufen.

Beispiel

Bitte beachten Sie das folgende Beispiel:




   Examples


   
   <script>
      let obj = { key1: &quot;value1&quot;, key2: &quot;value2&quot;, key3: &quot;value3&quot; };
      for (let key in obj) {
         if (key == "key2") {
            delete obj[key];
         }
      }
      document.getElementById("result").innerHTML =
      JSON.stringify(obj);
      console.log(obj)
   </script>

Wie Sie dem obigen Beispiel entnehmen können, löscht die for…in-Schleife nur den Wert des Schlüssels und nicht der Schlüssel selbst.

Nachfolgend zeilenweise Erklärung des obigen Codes:

Nicht der Schlüssel selbst.

Das Folgende ist eine zeilenweise Erklärung des obigen Codes:

let obj = {key1: "value1", key2: "value2", key3: "value3"};

Wir haben ein Objekt erstellt, das 3 Schlüssel-Wert-Paare enthält.

for (let key in obj) {
   if (key == "key2") {
      delete obj[key];
   }
}

Verwenden Sie eine for…in-Schleife, um die Eigenschaften eines Objekts zu durchlaufen. Die Schlüsselvariable wird zum Speichern des Schlüssels des Objekts verwendet. Wenn der Schlüssel „key2“ ist, entfernen Sie das Schlüssel-Wert-Paar aus dem Objekt.

console.log(obj);

Die Ausgabe des obigen Codes wird sein:

{ key1: „value1“, key3: „value3“ }

. Wie Sie sehen können, Das gelöschte Schlüssel-Wert-Paar mit dem Schlüsselnamen „key2“ wurde aus dem Objekt gelöscht.

Fazit

In diesem Tutorial haben wir drei Möglichkeiten zum Löschen von Schlüssel-Wert-Paaren vorgestellt, die Schlüssel-Wert-Paaren entsprechen Gegeben ist der Schlüssel eines Objekts. Löschoperator, for...in-Schleife und filter()-Methode.

Das obige ist der detaillierte Inhalt vonJavaScript: Wie entferne ich das Schlüssel-Wert-Paar, das einem bestimmten Schlüssel entspricht, aus einem Objekt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript Object 运算符 for Filter 循环 delete 对象 for...in

Stellungnahme：

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

Vorheriger Artikel：Wie überprüfe ich in JavaScript nach null/undefinierter/leerer Zeichenfolge?Nächster Artikel：Wie überprüfe ich in JavaScript nach null/undefinierter/leerer Zeichenfolge?

In Verbindung stehende Artikel

Mehr sehen