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

shreya ghoshal primul soț

• 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    :
 
 

 
Originaluldetails>obiectul conține proprietăți pentru nume, vârstă și țară.
TheObject.keys(details)>metoda returnează o matrice care conține cheile fișieruluidetails>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 ladetails>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    :
mysql introduceți în
 
Originaluldetails>obiectul conține proprietăți pentru nume, vârstă și țară.
Thedelete>operator este folosit pentru a elimina proprietatea age dindetails>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    :
cat de mare este ecranul monitorului meu
 
Originaluldetails>obiectul conține proprietăți pentru nume, vârstă și țară.
Misiunea de destructurare{ age, ...rest } = details;>extrage proprietatea de vârstă dindetails>obiect și îl atribuie luiage>variabil. Restul proprietăților sunt colectate într-un nou obiect numitrest>.
Drept urmare,rest>obiectul conține toate proprietățile originaluluidetails>obiect cu excepția proprietății de vârstă.
Therest>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    :
matrice de structură în limbajul c
 
TheObject.assign({}, details)>metoda creează o copie superficială adetails>obiect. Acest lucru previne modificarea originaluluidetails>obiect.
Apoi, destructurarea obiectelor este utilizată pentru a extrage proprietatea de vârstă din obiectul copiat și a o atribui laage>variabil. Restul proprietăților sunt colectate într-un nou obiect numitrest>.
Drept urmare,rest>obiectul conține toate proprietățile originaluluidetails>obiect cu excepția proprietății de vârstă.
Therest>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ștedetails>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ă luiage>variabilă, în timp ce restul proprietăților sunt colectate într-un nou obiect numitrest>.
Therest>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