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     :  
  
 
 Alkuperäinen  details>  objekti sisältää nimen, iän ja maan ominaisuuksia.  
 
 The  Object.keys(details)>  menetelmä palauttaa taulukon, joka sisältää avaimet  details>  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 takaisin  details>  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äinen  details>  objekti sisältää nimen, iän ja maan ominaisuuksia.  
 
 The  delete>  -operaattoria käytetään ikä-ominaisuuden poistamiseen  details>  esine.  
 
 Ikä-ominaisuuden poistamisen jälkeen muokattu  details>  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.  
  
    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äinen  details>  objekti sisältää nimen, iän ja maan ominaisuuksia.  
 
 Tuhoamistehtävä  { age, ...rest } = details;>  poimii ikäominaisuuden  details>  objektin ja määrittää sen  age>  muuttuja. Loput ominaisuudet kerätään uuteen objektiin nimeltä  rest>  .  
 
 Tämän seurauksena  rest>  objekti sisältää kaikki alkuperäisen ominaisuudet  details>  objekti paitsi ikäominaisuus.  
 
 The  rest>  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     :  
  
 
 The  Object.assign({}, details)>  menetelmä luo matalan kopion  details>  esine. Tämä estää alkuperäisen muuttamisen  details>  esine.  
 
 Tämän jälkeen objektien tuhoamista käytetään ikä-ominaisuuden poimimiseen kopioidusta objektista ja sen määrittämiseksi  age>  muuttuja. Loput ominaisuudet kerätään uuteen objektiin nimeltä  rest>  .  
 
 Tämän seurauksena  rest>  objekti sisältää kaikki alkuperäisen ominaisuudet  details>  objekti paitsi ikäominaisuus.  
 
 The  rest>  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.  
  
    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)>  muuntaa  details>  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ääritetty  age>  muuttuja, kun taas loput ominaisuudet kerätään uuteen objektiin nimeltä  rest>  .  
 
 The  rest>  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