Obiectul JavaScript este o structură de date puternică care se combină chei și valorile . Uneori, trebuie să ștergem o anumită valoare-cheie dintr-un obiect. Se poate realiza folosind abordările prezentate mai jos.

Cum să eliminați o cheie-valoare din obiectul JavaScript?

Există mai multe metode care pot fi utilizate pentru a elimina o cheie dintr-un obiect JavaScript:

Cuprins

• Folosind metodele reduce() și filter().
• Folosind operatorul de ștergere
• Destructurare cu Operatorul Rest
• Folosind Object.assign()
• Folosind Object.fromEntries() și Object.entries()
• Folosind metoda _.omit a bibliotecii Underscore.js
• UseCase of Elimina o cheie din obiectul JavaScript

1. Folosind metodele reduce() și filter().

The reduce() si filtru() metodele JavaScript pot fi utilizate împreună pentru a elimina o cheie dintr-un obiect JavaScript.

Sintaxa metodei reduce() și filter():

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

Exemplu:

Exemplul de cod de mai jos implementează metodele de filtru și reducere împreună pentru a elimina cheia dintr-un obiect.

let details = {  name: 'Alex',  age: 30,  country: 'Canada' }; console.log('Original Object: ', details); details = Object.keys(details).filter(objKey =>objKey !== 'vârsta').reduce((newObj, key) => { newObj[key] = detalii[key]; return newObj; }, {} ); console.log(detalii);>>>   
  Ieșire   
Original Object: { name: 'Alex', age: 30, country: 'Canada' } { name: 'Alex', country: 'Canada' } 
    
    Explicaţie     :  
  
 
 Originalul  details>  obiectul conține proprietăți pentru nume, vârstă și țară.  
 
 The  Object.keys(details)>  metoda returnează o matrice care conține cheile fișierului  details>  obiect.  
 
 The  .filter()>  metoda filtrează proprietatea age din matricea de chei.  
 
 The  .reduce()>  metoda creează un nou obiect (  newObj>  ) prin iterarea tastelor filtrate și atribuirea acestora noului obiect.  
 
 În cele din urmă, noul obiect fără proprietatea age este atribuit înapoi la  details>  variabilă și este conectată la consolă.  
 
 
 2. Folosind operatorul de ștergere  
 
 The   operator de ștergere   în JavaScript poate fi folosit pentru a elimina o proprietate (pereche cheie-valoare) dintr-un obiect.  
  
    Sintaxa operatorului de ștergere:     
     Exemplu:     
  
 Codul de mai jos elimină cheia „vârstă” din obiect, lăsând doar cheile „nume” și „țară” în obiect.  
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); 
    
  Ieșire   
Original Object: { name: 'Alex', age: 30, country: 'Canada' } Object after deleting age key: { name: 'Alex', country: 'Canada' } 
  
    Explicaţie     :  
  
 
 Originalul  details>  obiectul conține proprietăți pentru nume, vârstă și țară.  
 
 The  delete>  operator este folosit pentru a elimina proprietatea age din  details>  obiect.  
 
 După ștergerea proprietății de vârstă, modificată  details>  obiectul este conectat la consolă.  
 
 
 3. Destructurare cu Operatorul Rest  
 
  Destructurarea   un obiect folosind operatorul rest creează un nou obiect fără o proprietate specificată, păstrând proprietățile rămase din obiectul original.  
  
    Sintaxă pentru distrugerea cu operator rest:     
 
const { propertyToRemove, ...rest } = objectName; 
 
    Exemplu:     
  
 Codul de mai jos folosește sintaxa de destructurare pentru a elimina cheile dintr-un obiect în JavaScript.  
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); 
    
  Ieșire   
orignal object { name: 'Alex', age: 30, country: 'Canada' } { name: 'Alex', country: 'Canada' } 
  
    Explicaţie     :  
  
 
 Originalul  details>  obiectul conține proprietăți pentru nume, vârstă și țară.  
 
 Misiunea de destructurare  { age, ...rest } = details;>  extrage proprietatea de vârstă din  details>  obiect și îl atribuie lui  age>  variabil. Restul proprietăților sunt colectate într-un nou obiect numit  rest>  .  
 
 Drept urmare,  rest>  obiectul conține toate proprietățile originalului  details>  obiect cu excepția proprietății de vârstă.  
 
 The  rest>  obiectul este apoi conectat la consolă, arătând obiectul fără proprietatea de vârstă.  
 
 
    4. Folosind Object.assign()     
 
 Folosind    Object.assign()    vă permite să creați un obiect nou fără o proprietate specificată prin copierea tuturor proprietăților, cu excepția celei pe care doriți să o eliminați.  
  
    Sintaxa obiectului.assign():     
 
const { age, ...rest } = Object.assign({}, details); 
 
    Exemplu:     
  
 Codul de mai jos implementează metoda Object.assign() pentru a elimina proprietatea dintr-un obiect.  
Javascript   
const details = {  name: 'Alex',  age: 30,  country: 'Canada' }; console.log('orignal object', details) const { age, ...rest } = Object.assign({}, details); console.log(rest); 
    
  Ieșire   
orignal object { name: 'Alex', age: 30, country: 'Canada' } { name: 'Alex', country: 'Canada' } 
  
    Explicaţie     :  
  
 
 The  Object.assign({}, details)>  metoda creează o copie superficială a  details>  obiect. Acest lucru previne modificarea originalului  details>  obiect.  
 
 Apoi, destructurarea obiectelor este utilizată pentru a extrage proprietatea de vârstă din obiectul copiat și a o atribui la  age>  variabil. Restul proprietăților sunt colectate într-un nou obiect numit  rest>  .  
 
 Drept urmare,  rest>  obiectul conține toate proprietățile originalului  details>  obiect cu excepția proprietății de vârstă.  
 
 The  rest>  obiectul este apoi conectat la consolă, arătând obiectul fără proprietatea de vârstă.  
 
 
 5. Utilizarea Object.fromEntries() și Object.entries()  
 
 The       Object.entries()       va fi folosit pentru a converti obiectul într-o matrice de perechi cheie-valoare. Apoi, folosim     Array.filter()     pentru a exclude perechea cheie-valoare cu cheia specificată. În cele din urmă, folosim Object.fromEntries() pentru a converti matricea filtrată înapoi într-un obiect.  
  
    Exemplu:     
  
 Codul de mai jos implementează metodele de mai sus pentru a elimina cheia dintr-un obiect în JavaScript.  
Javascript   
const details = {  name: 'Alex',  age: 30,  country: 'Canada' }; const { age, ...rest } = Object.fromEntries(  Object.entries(details).filter(([key]) =>cheie !== 'vârsta')); console.log(odihnă);>>>   
  Ieșire   
{ name: 'Alex', country: 'Canada' } 
    
 Explicaţie:  
 
 
 Object.entries(details)>  convertește  details>  obiect într-o matrice de perechi cheie-valoare.  
 
 .filter(([key]) =>cheie !== 'vârsta')>  filtrează perechile cheie-valoare în care cheia nu este egală cu „vârsta”, eliminând efectiv proprietatea vârstă.  
 
 Object.fromEntries()>  convertește matricea filtrată de perechi cheie-valoare înapoi într-un obiect.  
 
 În cele din urmă, destructurarea obiectelor este utilizată pentru a extrage proprietatea de vârstă din rezultat, care este atribuită lui  age>  variabilă, în timp ce restul proprietăților sunt colectate într-un nou obiect numit  rest>  .  
 
 The  rest>  obiectul este apoi conectat la consolă, arătând obiectul fără proprietatea de vârstă.  
 
 
 6. Folosind metoda _.omit din biblioteca Underscore.js pentru a elimina o cheie din obiect  
 
 The   underscore.js   este o bibliotecă JavaScript care poate fi inclusă într-un document HTML prin link-ul său CDN și apoi vi se permite să utilizați funcțiile sale încorporate.  
  
 Sintaxa metodei _.omit a bibliotecii Underscore.js:  
  
    Exemplu:     
  
 Codul de mai jos va explica utilizarea   _.omite()   funcție pentru a elimina o cheie din obiectul JavaScript.  
HTML