logo

Hoe u een sleutel/eigenschap uit een object verwijdert in JavaScript

Invoering:

JavaScript-objecten bestaan ​​uit eigenschappen, die rechtvaardig zijn sleutel waarde paren. In wezen bestaan ​​eigenschappen uit een paar sleutels en waarden die elk type entiteit kunnen vertegenwoordigen. Zelfs functies kunnen als waarde of sleutel in elk object functioneren. Hoe dan ook, in deze sectie zullen we het hebben over het verwijderen van sleutels uit Object JavaScript.

De bijbehorende waarde van een sleutel wordt automatisch verwijderd wanneer de sleutel wordt verwijderd. Het elimineren van een sleutel betekent dus alleen maar het elimineren van dat attribuut. Er zijn nu drie manieren in JavaScript om sleutels uit objecten te verwijderen. Laten we ze allemaal snel bekijken.

Indien nodig kunnen eigenschappen in JavaScript-objecten worden gewist. Er zijn drie eenvoudige methoden die we kunnen gebruiken om snel een objecteigenschap te wissen. De eerste techniek maakt gebruik van de verwijderen operator, een bepaalde operator in JavaScript, waar de tweede methode gebruik van maakt Object destructureren , en de derde methode maakt gebruik van de Reflect.deleteProperty() methode.

1. Verwijder een eigenschap van een JavaScript-object met behulp van de verwijderoperator:

De verwijderoperator is een specifieke operator in JavaScript. Als we een sleutel uit een Object JavaScript willen verwijderen, gebruik dan de operator verwijderen . De verwijderoperator doet precies wat de naam aangeeft: hij verwijdert de opgegeven eigenschap van het object. We moeten echter eerst toegang krijgen tot de eigenschap om deze te verwijderen. De eigenschapsaccessor punt of de eigenschapsaccessor vierkante haakjes kan worden gebruikt om toegang te krijgen tot de eigenschap Object.

Verwijderen met de puntmethode:

Syntaxis:

 delete object.property; 

Voorbeeld:

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

uitvoer:

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

Laten we de leeftijdseigenschap op puntenbasis verwijderen.

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

Uitgang:

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

Uitleg:

We kunnen uit de bovenstaande uitvoer zien dat de verwijderoperator effectief was bij het verwijderen van het object emp's eigendom leeftijd (punt manier) .

Verwijder met de vierkante haakjesmethode:

Syntaxis:

 delete object['property']; 

Laten we vierkante haakjes gebruiken om de eigenschap designation van hetzelfde object emp te verwijderen.

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

Uitgang:

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

Uitleg:

We kunnen uit de bovenstaande uitvoer zien dat de verwijderoperator succesvol was in het verwijderen van de eigenschapsaanduiding van het object emp (vierkante haakjes) .

2. Verwijder een eigenschap van een JavaScript-object met behulp van objectdestructurering:

Object destructureren kan ook worden gebruikt om een ​​eigenschap van een object te verwijderen, maar er zit een addertje onder het gras. In plaats van het oorspronkelijke object te wijzigen, wordt een nieuw object gemaakt dat de verwijderde eigenschap niet bevat. Op deze manier blijft het originele item behouden (verandert niet).

Syntaxis:

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

Voorbeeld:

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

Uitgang:

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

Uitleg:

In het bovengenoemde voorbeeld hebben we een eigenschap van een object verwijderd met behulp van object destructurerend . Toen we objectdestructurering gebruikten om het eigendomsmodel van de oorspronkelijke objectlaptop te verwijderen, kregen we het nieuwe object mijn laptop zonder dat bezit. Opnieuw blijkt uit de uitvoer dat het oorspronkelijke item ongewijzigd is gebleven.

3. Verwijder een eigenschap uit een JavaScript-object met behulp van de Reflect.deleteProperty()-methode:

De Reflect.deleteProperty() methode wordt geleverd door een van de ingebouwde JavaScript-objecten genaamd 'Reflectie' . Deze benadering is analoog aan de functievorm van de verwijderoperator, die we hebben besproken.

Voorbeeld:

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

Uitgang:

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

Uitleg:

In het bovenstaande voorbeeld was er een object met de naam 'auto's' dat drie eigenschappen had. Om de auto2 eigendom van dat object, gebruikten we de Reflect.deleteProperty() methode. Uit de uitvoer blijkt dat het verwijderen van de eigenschap car2 uit het object auto's is gelukt.

Tot slot willen we nog zeggen dat het geen verschil maakt of u de operator verwijderen of de Reflect.deleteProperty() methode omdat ze allebei het werk doen met in essentie dezelfde temporele complexiteit. Echter, benutten Objectvernietiging kost meer tijd. Vanwege de eenvoudige syntaxis en de lage tijdscomplexiteit is de verwijderoperator daarom de meest populaire methode om sleutels uit JavaScript-objecten te verwijderen.

waarde van tekenreeks Java

Conclusie

JavaScript-objecten bestaan ​​uit eigenschappen, die slechts sleutel-waardeparen zijn. De bijbehorende waarde van een sleutel wordt automatisch verwijderd wanneer de sleutel wordt verwijderd.