Heim > Artikel > Web-Frontend > 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:123171Durchsuche
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: "value1", key2: "value2", key3: "value3" }; 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: "value1", key2: "value2", key3: "value3" }; 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!