logo

So entfernen Sie einen Schlüssel/eine Eigenschaft von einem Objekt in JavaScript

Einführung:

JavaScript-Objekte bestehen aus Eigenschaften, die einfach sind Schlüsselwert Paare. Im Wesentlichen bestehen Eigenschaften aus einem Paar von Schlüsseln und Werten, die jede Art von Entität darstellen können. Sogar Funktionen können in jedem Objekt als Wert oder Schlüssel fungieren. Wie auch immer, in diesem Abschnitt werden wir darüber sprechen, wie man Schlüssel aus Object JavaScript löscht.

Der einem Schlüssel zugeordnete Wert wird automatisch gelöscht, wenn der Schlüssel entfernt wird. Die Eliminierung eines Schlüssels bedeutet also lediglich die Eliminierung dieses Attributs. In JavaScript gibt es jetzt drei Möglichkeiten, Schlüssel aus Objekten zu entfernen. Werfen wir einen kurzen Blick auf jeden einzelnen.

Bei Bedarf können Eigenschaften in JavaScript-Objekten gelöscht werden. Es gibt drei einfache Methoden, mit denen wir jede Objekteigenschaft schnell löschen können. Die erste Technik nutzt die löschen Operator, ein bestimmter Operator in JavaScript, den die zweite Methode verwendet Objektzerstörung , und die dritte Methode nutzt die Reflect.deleteProperty() Methode.

1. Entfernen Sie eine Eigenschaft aus einem JavaScript-Objekt mit dem Löschoperator:

Der Löschoperator ist ein spezifischer Operator in JavaScript. Wenn wir einen Schlüssel aus einem Objekt-JavaScript entfernen möchten, verwenden Sie die Löschoperator . Der Löschoperator macht genau das, was sein Name andeutet: Er entfernt die angegebene Eigenschaft aus dem Objekt. Allerdings müssen wir uns zunächst Zugriff auf die Immobilie verschaffen, um sie löschen zu können. Für den Zugriff auf die Object-Eigenschaft kann entweder der Punkt-Eigenschaftszugriffsmechanismus oder der eckige Klammern-Eigenschaftszugriffsmechanismus verwendet werden.

Mit der Punktmethode löschen:

Syntax:

 delete object.property; 

Beispiel:

 let emp = { name: 'saswat', age: 26, designation: 'Software Engineer', } console.log(emp); 

Ausgabe:

 { name: 'saswat', age: 26, designation: 'Software Engineer' } age: 26 designation: 'Software Engineer' name: 'saswat' 

Entfernen wir die Alterseigenschaft punktbasiert.

 delete emp.age; console.log(emp); 

Ausgabe:

 { name: 'saswat', designation: 'Software Engineer' } designation: 'Software Engineer' name: 'saswat' 

Erläuterung:

Aus der obigen Ausgabe können wir ersehen, dass der Löschoperator das Objekt effektiv gelöscht hat emp's Alter der Immobilie (Punktweise) .

Mit der eckigen Klammermethode löschen:

Syntax:

 delete object['property']; 

Verwenden wir eckige Klammern, um die Bezeichnungseigenschaft aus demselben Objekt emp zu löschen.

 let emp = { name: 'saswat', age: 26, designation: 'Software Engineer', } delete emp['designation']; console.log(emp); 

Ausgabe:

 { name: 'saswat', age: 26 } name: 'saswat' age: 26 

Erläuterung:

Aus der obigen Ausgabe können wir ersehen, dass der Löschoperator die Eigenschaftsbezeichnung des Objekts emp erfolgreich gelöscht hat (in eckigen Klammern) .

2. Entfernen Sie eine Eigenschaft aus einem JavaScript-Objekt mithilfe der Objektdestrukturierung:

Objektzerstörung kann auch verwendet werden, um eine Eigenschaft von einem Objekt zu entfernen, aber es gibt einen Haken. Anstatt das ursprüngliche Objekt zu ändern, wird ein neues Objekt erstellt, das die gelöschte Eigenschaft nicht enthält. Auf diese Weise bleibt das Original erhalten (ändert sich nicht).

Syntax:

 const{ propertyToRemove, ...newObject } = OriginalObject; 

Beispiel:

 const laptop = { brand: 'HP', model: 'Notebook', year: 2020, } const {model, ...newLaptop} = laptop; console.log(newLaptop); console.log(laptop); 

Ausgabe:

 { brand: 'HP', year: 2020 } { brand: 'HP', model: 'Notebook', year: 2020 } 

Erläuterung:

Im oben genannten Beispiel haben wir mithilfe von object eine Eigenschaft von einem Objekt entfernt zerstörend . Als wir die Objektdestrukturierung verwendeten, um das Eigenschaftsmodell vom ursprünglichen Objektlaptop zu entfernen, erhielten wir das neue Objekt mein Laptop ohne diese Eigenschaft. Die Ausgabe zeigt einmal mehr, dass das ursprüngliche Element unverändert geblieben ist.

3. Entfernen Sie eine Eigenschaft aus einem JavaScript-Objekt mithilfe der Reflect.deleteProperty()-Methode:

Der Reflect.deleteProperty() Die Methode wird von einem der integrierten JavaScript-Objekte bereitgestellt, die aufgerufen werden 'Reflektieren' . Dieser Ansatz ist analog zur Funktionsform des Löschoperators, die wir besprochen haben.

Java-Wert der Zeichenfolge

Beispiel:

 const cars = { car1: 'Honda', car2: 'Tata', car3: 'Toyota' }; Reflect.deleteProperty(cars, 'car2'); console.log(cars); 

Ausgabe:

 { car1: 'Honda', car3: 'Toyota' } 

Erläuterung:

Im obigen Beispiel gab es ein Objekt namens 'Autos' das hatte drei Eigenschaften. Um das zu entfernen Auto2 Eigenschaft von diesem Objekt haben wir die verwendet Reflect.deleteProperty() Methode. Die Ausgabe zeigt, dass das Löschen der Eigenschaft „car2“ aus dem Objekt „cars“ erfolgreich war.

Abschließend möchten wir noch sagen, dass es keinen Unterschied macht, ob Sie das verwenden Löschoperator oder der Reflect.deleteProperty() Methode, weil beide die Arbeit im Wesentlichen mit der gleichen zeitlichen Komplexität erledigen. Allerdings nutzen Objektzerstörung braucht mehr Zeit. Aufgrund seiner einfachen Syntax und geringen Zeitkomplexität ist der Löschoperator daher die beliebteste Methode zum Entfernen von Schlüsseln aus Javascript-Objekten.

Abschluss

JavaScript-Objekte bestehen aus Eigenschaften, bei denen es sich lediglich um Schlüssel-Wert-Paare handelt. Der einem Schlüssel zugeordnete Wert wird automatisch gelöscht, wenn der Schlüssel entfernt wird.