logo

Hur man tar bort en nyckel/egenskap från ett objekt i JavaScript

Introduktion:

JavaScript-objekt är uppbyggda av egenskaper, som är bara nyckelvärde par. Egenskaper består i huvudsak av ett par nycklar och värden som kan representera vilken typ av enhet som helst. Även funktioner har förmågan att fungera som ett värde eller en nyckel i vilket objekt som helst. Hur som helst, i det här avsnittet kommer vi att prata om hur man tar bort nycklar från Object JavaScript.

En nyckels associerade värde raderas automatiskt när nyckeln tas bort. Så att eliminera en nyckel innebär bara att eliminera det attributet. Det finns nu tre sätt i JavaScript att ta bort nycklar från objekt. Låt oss ta en snabb titt på var och en.

Vid behov kan egenskaper i JavaScript-objekt raderas. Det finns tre enkla metoder vi kan använda för att snabbt radera alla objektegenskaper. Den första tekniken använder sig av radera operator, en viss operator i JavaScript, använder den andra metoden Objektdestrukturering , och den tredje metoden använder sig av Reflect.deleteProperty() metod.

1. Ta bort en egenskap från ett JavaScript-objekt med hjälp av Delete-operatorn:

Delete-operatorn är en specifik operator i JavaScript. Om vi ​​vill ta bort en nyckel från en Object JavaScript, använd ta bort operatör . Delete-operatorn gör precis vad dess namn antyder: den tar bort den angivna egenskapen från objektet. Men vi måste först få tillgång till egendomen för att radera den. Antingen kan du använda egenskapsaccessorn för punkt eller hakparenteser för att komma åt objektegenskapen.

Ta bort med punktmetoden:

Syntax:

 delete object.property; 

Exempel:

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

produktion:

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

Låt oss ta bort egenskapen ålder på ett punktbaserat sätt.

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

Produktion:

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

Förklaring:

Vi kan se från utgången ovan att delete-operatorn var effektiv för att ta bort objektet emp's fastighetens ålder (prickväg) .

Ta bort med hakparentesmetoden:

Syntax:

tostring-metoden
 delete object['property']; 

Låt oss använda hakparenteser för att ta bort egenskapen designation från samma objekt emp.

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

Produktion:

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

Förklaring:

Vi kan se från utgången ovan att delete-operatorn lyckades ta bort objektets emps egenskapsbeteckning (hakparenteser sätt) .

2. Ta bort en egenskap från ett JavaScript-objekt med hjälp av objektdestrukturering:

Objekt destrukturering kan också användas för att ta bort en egenskap från ett objekt, men det finns en hake. Istället för att ändra det ursprungliga objektet skapas ett nytt objekt som inte inkluderar den borttagna egenskapen. På detta sätt bevaras originalobjektet (förändras inte).

Syntax:

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

Exempel:

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

Produktion:

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

Förklaring:

I det tidigare nämnda exemplet tog vi bort en egenskap från ett objekt med hjälp av objekt destrukturering . När vi använde objektdestrukturering för att ta bort egenskapsmodellen från den ursprungliga objektbärbara datorn, fick vi det nya objektet min bärbara dator utan den egenskapen. Än en gång visar utdata att den ursprungliga artikeln förblev oförändrad.

3. Ta bort en egenskap från ett JavaScript-objekt med Reflect.deleteProperty()-metoden:

De Reflect.deleteProperty() metod tillhandahålls av ett av de inbyggda JavaScript-objekten som kallas 'Reflektera' . Detta tillvägagångssätt är analogt med borttagningsoperatörens funktionsformulär, som vi har diskuterat.

Exempel:

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

Produktion:

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

Förklaring:

grundläggande java-språk

I exemplet ovan fanns det ett objekt som hette 'bilar' som hade tre egenskaper. För att ta bort bil 2 egenskap från det objektet använde vi Reflect.deleteProperty() metod. Utdata visar att borttagningen av car2-egenskapen från cars-objektet lyckades.

Slutligen vill vi säga att det inte spelar någon roll om du använder ta bort operatör eller den Reflect.deleteProperty() metod eftersom de båda utför arbetet med i huvudsak samma tidsmässiga komplexitet. Däremot använder Objektförstörande tar mer tid. Därför, på grund av dess enkla syntax och låga tidskomplexitet, är delete-operatorn den mest populära metoden för att ta bort nycklar från JavaScript-objekt.

Slutsats

JavaScript-objekt består av egenskaper, som bara är nyckel-värdepar. En nyckels associerade värde raderas automatiskt när nyckeln tas bort.