logo

Hvordan fjerne en nøkkel/egenskap fra et objekt i JavaScript

Introduksjon:

JavaScript-objekter består av egenskaper, som er rettferdige nøkkelverdi par. Egenskaper består i hovedsak av et par nøkler og verdier som kan representere enhver type enhet. Selv funksjoner har muligheten til å fungere som en verdi eller en nøkkel i ethvert objekt. Uansett, i denne delen skal vi snakke om hvordan du sletter nøkler fra Object JavaScript.

En nøkkels tilknyttede verdi slettes automatisk når nøkkelen fjernes. Så, å eliminere en nøkkel innebærer bare å eliminere den egenskapen. Det er nå tre måter i JavaScript for å fjerne nøkler fra objekter. La oss ta en rask titt på hver enkelt.

Om nødvendig kan egenskaper i JavaScript-objekter slettes. Det er tre enkle metoder vi kan bruke for raskt å slette en objektegenskap. Den første teknikken gjør bruk av slette operatør, en bestemt operatør i JavaScript, bruker den andre metoden Objektdestrukturering , og den tredje metoden bruker Reflect.deleteProperty() metode.

1. Fjern en egenskap fra et JavaScript-objekt ved å bruke Slett-operatoren:

Slett-operatoren er en spesifikk operator i JavaScript. Hvis vi ønsker å fjerne en nøkkel fra et objekt-JavaScript, bruker du slett operatør . Slette-operatoren gjør akkurat det navnet tilsier: den fjerner den oppgitte egenskapen fra objektet. Selv om vi først må få tilgang til eiendommen for å slette den. Enten punkt-egenskaps-tilgangen eller hakeparentes-egenskaps-tilgangen kan brukes for å få tilgang til objekt-egenskapen.

Slett med prikkmetoden:

Syntaks:

bruk av internett
 delete object.property; 

Eksempel:

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

produksjon:

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

La oss fjerne aldersegenskapen på en prikkbasert måte.

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

Produksjon:

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

Forklaring:

Vi kan se fra utdataene ovenfor at delete-operatoren var effektiv til å slette objektet emp sine eiendom alder (prikkevis) .

Slett med hakeparentesmetoden:

Syntaks:

 delete object['property']; 

La oss bruke firkantede parenteser for å slette betegnelsesegenskapen fra det samme objektet emp.

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

Produksjon:

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

Forklaring:

binære tretyper

Vi kan se fra utdataene ovenfor at delete-operatoren var vellykket med å slette objektet emps egenskapsbetegnelse (hvis firkantede parenteser) .

2. Fjern en egenskap fra et JavaScript-objekt ved å bruke objektdestrukturering:

Destrukturering av objekter kan også brukes til å fjerne en egenskap fra et objekt, men det er en hake. I stedet for å endre det opprinnelige objektet, opprettes et nytt objekt som ikke inkluderer den slettede egenskapen. På denne måten blir det originale elementet bevart (endres ikke).

Syntaks:

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

Eksempel:

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

Produksjon:

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

Forklaring:

I det nevnte eksemplet fjernet vi en egenskap fra et objekt ved å bruke objekt destrukturering . Da vi brukte objektdestrukturering for å fjerne egenskapsmodellen fra den opprinnelige objekt-laptopen, fikk vi det nye objektet min bærbare datamaskin uten den eiendommen. Nok en gang viser utgangen at den opprinnelige varen forble uendret.

3. Fjern en egenskap fra et JavaScript-objekt ved å bruke Reflect.deleteProperty()-metoden:

De Reflect.deleteProperty() metoden leveres av et av de innebygde JavaScript-objektene som kalles 'Reflektere' . Denne tilnærmingen er analog med sletteoperatørens funksjonsskjema, som vi har diskutert.

Eksempel:

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

Produksjon:

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

Forklaring:

I eksemplet ovenfor var det et objekt kalt 'biler' som hadde tre eiendommer. For å fjerne bil 2 eiendom fra det objektet, brukte vi Reflect.deleteProperty() metode. Utdataene viser at slettingen av car2-egenskapen fra cars-objektet var vellykket.

Til slutt vil vi si at det ikke spiller noen rolle om du bruker slett operatør eller Reflect.deleteProperty() metode fordi de begge utfører arbeidet med i hovedsak samme tidsmessige kompleksitet. Imidlertid utnytter Objektødeleggende tar mer tid. Derfor, på grunn av sin enkle syntaks og lave tidskompleksitet, er delete-operatoren den mest populære metoden for å fjerne nøkler fra JavaScript-objekter.

Konklusjon

JavaScript-objekter består av egenskaper, som bare er nøkkelverdi-par. En nøkkels tilknyttede verdi slettes automatisk når nøkkelen fjernes.