logo

Come rimuovere una chiave/proprietà da un oggetto in JavaScript

Introduzione:

Gli oggetti JavaScript sono costituiti da proprietà, che sono just valore-chiave coppie. In sostanza, le proprietà sono costituite da una coppia di chiavi e valori che possono rappresentare qualsiasi tipo di entità. Anche le funzioni hanno la capacità di funzionare come valore o chiave in qualsiasi oggetto. Ad ogni modo, in questa sezione parleremo di come eliminare le chiavi dall'oggetto JavaScript.

Il valore associato a una chiave viene automaticamente eliminato quando la chiave viene rimossa. Quindi, eliminare una chiave implica semplicemente eliminare quell'attributo. Ora ci sono tre modi in JavaScript per rimuovere le chiavi dagli oggetti. Diamo una rapida occhiata a ciascuno di essi.

Se necessario, le proprietà negli oggetti JavaScript possono essere cancellate. Esistono tre semplici metodi che possiamo utilizzare per cancellare rapidamente qualsiasi proprietà dell'oggetto. La prima tecnica si avvale del eliminare operator, un particolare operatore in JavaScript, utilizzato dal secondo metodo Destrutturazione degli oggetti , e il terzo metodo utilizza il file Reflect.deleteProperty() metodo.

1. Rimuovere una proprietà da un oggetto JavaScript utilizzando l'operatore Elimina:

L'operatore delete è un operatore specifico in JavaScript. Se vogliamo rimuovere una chiave da un oggetto JavaScript, utilizzare il file operatore cancella . L'operatore delete fa esattamente ciò che suggerisce il nome: rimuove la proprietà fornita dall'oggetto. Tuttavia, dobbiamo prima accedere alla proprietà per eliminarla. Per accedere alla proprietà Object è possibile utilizzare la funzione di accesso alla proprietà punto o la funzione di accesso alla proprietà parentesi quadre.

Elimina con il metodo punto:

Sintassi:

stampa motivo a stella
 delete object.property; 

Esempio:

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

produzione:

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

Rimuoviamo la proprietà age in modo basato sui punti.

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

Produzione:

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

Spiegazione:

Dall'output sopra possiamo vedere che l'operatore delete è stato efficace nell'eliminare l'oggetto emp's età della proprietà (punto punto) .

Elimina con il metodo delle parentesi quadre:

Sintassi:

 delete object['property']; 

Usiamo le parentesi quadre per eliminare la proprietà di designazione dallo stesso oggetto emp.

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

Produzione:

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

Spiegazione:

riavviare mysql ubuntu

Possiamo vedere dall'output sopra che l'operatore delete è riuscito a eliminare la designazione della proprietà dell'oggetto emp (tra parentesi quadre) .

2. Rimuovere una proprietà da un oggetto JavaScript utilizzando la destrutturazione dell'oggetto:

Destrutturazione dell'oggetto può anche essere usato per rimuovere una proprietà da un oggetto, ma c'è un problema. Invece di modificare l'oggetto originale, viene creato un nuovo oggetto che non include la proprietà eliminata. In questo modo l'oggetto originale viene preservato (non cambia).

Sintassi:

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

Esempio:

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

Produzione:

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

Spiegazione:

Nell'esempio sopra citato, abbiamo rimosso una proprietà da un oggetto utilizzando object destrutturante . Quando abbiamo utilizzato la destrutturazione dell'oggetto per rimuovere il modello di proprietà dall'oggetto laptop originale, abbiamo ottenuto il nuovo oggetto il mio portatile senza quella proprietà. Ancora una volta, l'output dimostra che l'elemento originale è rimasto invariato.

3. Rimuovere una proprietà da un oggetto JavaScript utilizzando il metodo Reflect.deleteProperty():

IL Reflect.deleteProperty() Il metodo è fornito da uno degli oggetti JavaScript integrati chiamati 'Riflettere' . Questo approccio è analogo al modulo della funzione dell'operatore delete, di cui abbiamo discusso.

Esempio:

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

Produzione:

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

Spiegazione:

Nell'esempio sopra, c'era un oggetto chiamato 'automobili' che aveva tre proprietà. Per rimuovere il macchina2 proprietà da quell'oggetto, abbiamo usato il file Reflect.deleteProperty() metodo. L'output dimostra che l'eliminazione della proprietà car2 dall'oggetto cars ha avuto successo.

Infine, vorremmo dire che non fa alcuna differenza se si utilizza il file operatore cancella o il Reflect.deleteProperty() metodo perché entrambi svolgono il lavoro essenzialmente con la stessa complessità temporale. Tuttavia, utilizzando Distruzione di oggetti richiede più tempo. Pertanto, grazie alla sua sintassi semplice e alla bassa complessità temporale, l'operatore delete è il metodo più popolare per rimuovere le chiavi dagli oggetti JavaScript.

Conclusione

Gli oggetti JavaScript sono costituiti da proprietà, che sono semplicemente coppie chiave-valore. Il valore associato a una chiave viene automaticamente eliminato quando la chiave viene rimossa.