JavaScript-objekti on tehokas tietorakenne, joka yhdistää avaimet ja arvot . Joskus meidän on poistettava tietty avainarvo objektista. Se voidaan tehdä käyttämällä alla olevia lähestymistapoja.

Kuinka poistaa avainarvo JavaScript-objektista?

Avaimen poistamiseen JavaScript-objektista voidaan käyttää useita menetelmiä:

Sisällysluettelo

• Käytä vähennä()- ja filter()-menetelmiä
• Käytä poisto-operaattoria
• Rakennemuutos Rest Operatorin kanssa
• Object.assign()
• Object.fromEntries() ja Object.entries()
• Käyttämällä Underscore.js-kirjaston _.omit-menetelmää
• UseCase of Poista avain JavaScript-objektista

1. Reduce()- ja filter()-menetelmien käyttö

The vähentää() ja suodattaa() JavaScript-menetelmiä voidaan käyttää yhdessä avaimen poistamiseen JavaScript-objektista.

Reduktorin()- ja filter()-metodin syntaksi:

Object.keys(object_name).filter(()=>{}).reduce(()=>{});>

Esimerkki:

Alla oleva koodiesimerkki toteuttaa suodatus- ja vähennysmenetelmät yhdessä avaimen poistamiseksi objektista.

let details = {  name: 'Alex',  age: 30,  country: 'Canada' }; console.log('Original Object: ', details); details = Object.keys(details).filter(objKey =>objKey !== 'ikä').reduce((uusiObj, avain) => { uusiObj[avain] = tiedot[avain]; return newObj; }, {} ); console.log(yksityiskohdat);>>  
  Lähtö  
Original Object: { name: 'Alex', age: 30, country: 'Canada' } { name: 'Alex', country: 'Canada' }>
  
    Selitys    :
erotin java
 
Alkuperäinendetails>objekti sisältää nimen, iän ja maan ominaisuuksia.
TheObject.keys(details)>menetelmä palauttaa taulukon, joka sisältää avaimetdetails>esine.
The.filter()>menetelmä suodattaa ikäominaisuuden pois avainjoukosta.
The.reduce()>menetelmä luo uuden objektin (newObj>) iteroimalla suodatettuja avaimia ja määrittämällä ne uudelle objektille.
Lopuksi uusi objekti ilman ikä-ominaisuutta määritetään takaisindetails>muuttuja, ja se kirjataan konsoliin.
2. Poista-operaattorilla
The poista operaattori JavaScriptissä voidaan käyttää ominaisuuden (avain-arvo-parin) poistamiseen objektista.
 
    Poista-operaattorin syntaksi:    
    Esimerkki:    
 
Alla oleva koodi poistaa 'age'-avaimen objektista, jättäen objektiin vain 'nimi'- ja 'maa'-avaimet.
Javascript 
const details = {  name: 'Alex',  age: 30,  country: 'Canada' }; console.log('Original Object:', details); delete details.age; console.log('Object after deleting age key:', details);>
   
  Lähtö  
Original Object: { name: 'Alex', age: 30, country: 'Canada' } Object after deleting age key: { name: 'Alex', country: 'Canada' }>
 
    Selitys    :
 
Alkuperäinendetails>objekti sisältää nimen, iän ja maan ominaisuuksia.
Thedelete>-operaattoria käytetään ikä-ominaisuuden poistamiseendetails>esine.
Ikä-ominaisuuden poistamisen jälkeen muokattudetails>objekti kirjataan konsoliin.
3. Rakennemuutos Rest Operatorin kanssa
 Tuhoaminen loput-operaattoria käyttävä objekti luo uuden objektin ilman määritettyä ominaisuutta ja säilyttää alkuperäisen objektin loput ominaisuudet.
string.compareto c#
 
    Syntaksi tuhoamiseen lepo-operaattorilla:    
const { propertyToRemove, ...rest } = objectName;>
    Esimerkki:    
 
Alla oleva koodi käyttää purkusyntaksia avainten poistamiseen JavaScriptin objektista.
Javascript 
const details = {  name: 'Alex',  age: 30,  country: 'Canada' }; console.log('orignal object', details) // after using destructuring and rest operator  const { age, ...rest } = details; console.log(rest);>
   
  Lähtö  
orignal object { name: 'Alex', age: 30, country: 'Canada' } { name: 'Alex', country: 'Canada' }>
 
    Selitys    :
 
Alkuperäinendetails>objekti sisältää nimen, iän ja maan ominaisuuksia.
Tuhoamistehtävä{ age, ...rest } = details;>poimii ikäominaisuudendetails>objektin ja määrittää senage>muuttuja. Loput ominaisuudet kerätään uuteen objektiin nimeltärest>.
Tämän seurauksenarest>objekti sisältää kaikki alkuperäisen ominaisuudetdetails>objekti paitsi ikäominaisuus.
Therest>objekti kirjataan sitten konsoliin ja näyttää objektin ilman ikä-ominaisuutta.
    4. Object.assign()    
Käyttämällä  Object.assign()  voit luoda uuden objektin ilman määritettyä ominaisuutta kopioimalla kaikki ominaisuudet paitsi se, jonka haluat poistaa.
 
    Objektin object.assign():    
const { age, ...rest } = Object.assign({}, details);>
    Esimerkki:    
 
Alla oleva koodi toteuttaa Object.assign()-menetelmän ominaisuuden poistamiseksi objektista.
Javascript 
const details = {  name: 'Alex',  age: 30,  country: 'Canada' }; console.log('orignal object', details) const { age, ...rest } = Object.assign({}, details); console.log(rest);>
   
  Lähtö  
orignal object { name: 'Alex', age: 30, country: 'Canada' } { name: 'Alex', country: 'Canada' }>
 
    Selitys    :
 
TheObject.assign({}, details)>menetelmä luo matalan kopiondetails>esine. Tämä estää alkuperäisen muuttamisendetails>esine.
Tämän jälkeen objektien tuhoamista käytetään ikä-ominaisuuden poimimiseen kopioidusta objektista ja sen määrittämiseksiage>muuttuja. Loput ominaisuudet kerätään uuteen objektiin nimeltärest>.
Tämän seurauksenarest>objekti sisältää kaikki alkuperäisen ominaisuudetdetails>objekti paitsi ikäominaisuus.
Therest>objekti kirjataan sitten konsoliin ja näyttää objektin ilman ikä-ominaisuutta.
5. Object.fromEntries()- ja Object.entries()-komentojen käyttäminen
The      Object.entries()      käytetään objektin muuntamiseen avainarvoparien joukoksi. Sitten käytämme    Array.filter()    sulkeaksesi pois avain-arvo-parin määritetyn avaimen kanssa. Lopuksi käytämme Object.fromEntries():tä muuntaaksemme suodatetun taulukon takaisin objektiksi.
java boolen merkkijono
 
    Esimerkki:    
 
Alla oleva koodi toteuttaa yllä olevat menetelmät avaimen poistamiseksi JavaScript-objektista.
Javascript 
const details = {  name: 'Alex',  age: 30,  country: 'Canada' }; const { age, ...rest } = Object.fromEntries(  Object.entries(details).filter(([key]) =>avain !== 'ikä')); console.log(rest);>>  
  Lähtö  
{ name: 'Alex', country: 'Canada' }>
  
Selitys:
Object.entries(details)>muuntaadetails>objekti avain-arvo-parien joukoksi.
.filter(([key]) =>avain !== 'ikä')>suodattaa pois avain-arvo-parit, joissa avain ei ole sama kuin 'ikä', ja poistaa tehokkaasti ikä-ominaisuuden.
Object.fromEntries()>muuntaa suodatetun avain-arvo-parien joukon takaisin objektiksi.
Lopuksi objektien destrukturointia käytetään poimimaan ikä-ominaisuus tuloksesta, joka on määritettyage>muuttuja, kun taas loput ominaisuudet kerätään uuteen objektiin nimeltärest>.
Therest>objekti kirjataan sitten konsoliin ja näyttää objektin ilman ikä-ominaisuutta.
6. Käytä Underscore.js-kirjaston _.omit-menetelmää avaimen poistamiseen objektista
The underscore.js on JavaScript-kirjasto, joka voidaan sisällyttää HTML-dokumenttiin sen CDN-linkin kautta ja sitten voit käyttää sen sisäänrakennettuja toimintoja.
 
Underscore.js-kirjaston _.omit-metodin syntaksi:
    Esimerkki:    
 
Alla oleva koodi selittää sen käytön _.jättää pois() toiminto avaimen poistamiseksi JavaScript-objektista.
HTML