JavaScript objekts ir spēcīga datu struktūra, kas apvieno atslēgas un vērtības . Dažreiz mums ir jāizdzēš noteikta atslēgas vērtība no objekta. To var izdarīt, izmantojot tālāk norādītās metodes.

Kā noņemt atslēgas vērtību no JavaScript objekta?

Ir vairākas metodes, ko var izmantot, lai noņemtu atslēgu no JavaScript objekta:

Satura rādītājs

• Izmantojot samazināšanas () un filtra () metodes
• Izmantojot dzēšanas operatoru
• Destrukturēšana ar pārējo operatoru
• Izmantojot Object.assign()
• Izmantojot Object.fromEntries() un Object.entries()
• Izmantojot Underscore.js bibliotēkas _.omit metodi
• UseCase of Noņemt atslēgu no JavaScript objekta

1. Izmantojot samazināšanas () un filtra () metodes

The samazināt () un filtrs () JavaScript metodes var izmantot kopā, lai noņemtu atslēgu no JavaScript objekta.

Redukcijas () un filtra () metodes sintakse:

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

Piemērs:

Tālāk sniegtajā koda piemērā tiek ieviestas filtra un samazināšanas metodes, lai noņemtu atslēgu no objekta.

let details = {  name: 'Alex',  age: 30,  country: 'Canada' }; console.log('Original Object: ', details); details = Object.keys(details).filter(objKey =>objKey !== 'vecums').reduce((newObj, key) => { newObj[key] = details[key]; return newObj; }, {} ); konsole.log(detaļas);>>   
  Izvade   
Original Object: { name: 'Alex', age: 30, country: 'Canada' } { name: 'Alex', country: 'Canada' } 
    
    Paskaidrojums     :  
  
 
 Oriģināls  details>  objektā ir rekvizīti vārdam, vecumam un valstij.  
 
 The  Object.keys(details)>  metode atgriež masīvu, kurā ir atslēgas  details>  objektu.  
 
 The  .filter()>  metode filtrē vecuma rekvizītu no atslēgu masīva.  
 
 The  .reduce()>  metode izveido jaunu objektu (  newObj>  ), atkārtojot filtrētās atslēgas un piešķirot tās jaunajam objektam.  
 
 Visbeidzot, jaunais objekts bez vecuma rekvizīta tiek piešķirts atpakaļ  details>  mainīgais, un tas tiek reģistrēts konsolē.  
 
 
 2. Izmantojot dzēšanas operatoru  
 
 The   dzēst operatoru   JavaScript var izmantot, lai no objekta noņemtu rekvizītu (atslēgas vērtību pāri).  
  
    Dzēšanas operatora sintakse:     
     Piemērs:     
  
 Tālāk norādītais kods no objekta noņem atslēgu “vecums”, atstājot objektā tikai atslēgas “nosaukums” un “valsts”.  
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); 
    
  Izvade   
Original Object: { name: 'Alex', age: 30, country: 'Canada' } Object after deleting age key: { name: 'Alex', country: 'Canada' } 
  
    Paskaidrojums     :  
  
 
 Oriģināls  details>  objektā ir rekvizīti vārdam, vecumam un valstij.  
 
 The  delete>  operators tiek izmantots, lai noņemtu vecuma rekvizītu no  details>  objektu.  
 
 Pēc vecuma rekvizīta dzēšanas tiek modificēts  details>  objekts ir reģistrēts konsolē.  
 
 
 3. Destrukturēšana ar atpūtas operatoru  
 
  Destrukturēšana   objekts, izmantojot operatoru atpūta, izveido jaunu objektu bez noteiktas īpašības, saglabājot atlikušos rekvizītus no sākotnējā objekta.  
  
    Sintakse iznīcināšanai ar atpūtas operatoru:     
 
const { propertyToRemove, ...rest } = objectName; 
 
    Piemērs:     
  
 Tālāk norādītajā kodā tiek izmantota destrukturēšanas sintakse, lai noņemtu atslēgas no objekta 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); 
    
  Izvade   
orignal object { name: 'Alex', age: 30, country: 'Canada' } { name: 'Alex', country: 'Canada' } 
  
    Paskaidrojums     :  
  
 
 Oriģināls  details>  objektā ir rekvizīti vārdam, vecumam un valstij.  
 
 Iznīcināšanas uzdevums  { age, ...rest } = details;>  izvelk vecuma īpašību no  details>  objektu un piešķir to  age>  mainīgs. Pārējie īpašumi tiek apkopoti jaunā objektā ar nosaukumu  rest>  .  
 
 Tā rezultātā,  rest>  objekts satur visas oriģināla īpašības  details>  objekts, izņemot vecuma īpašumu.  
 
 The  rest>  objekts pēc tam tiek reģistrēts konsolē, parādot objektu bez vecuma rekvizīta.  
 
 
    4. Izmantojot Object.assign()     
 
 Izmantojot    Object.assign()    ļauj izveidot jaunu objektu bez norādīta rekvizīta, kopējot visus rekvizītus, izņemot to, kuru vēlaties noņemt.  
  
    Objekta object.assign() sintakse:     
 
const { age, ...rest } = Object.assign({}, details); 
 
    Piemērs:     
  
 Tālāk norādītais kods ievieš metodi Object.assign(), lai noņemtu objekta rekvizītu.  
Javascript   
const details = {  name: 'Alex',  age: 30,  country: 'Canada' }; console.log('orignal object', details) const { age, ...rest } = Object.assign({}, details); console.log(rest); 
    
  Izvade   
orignal object { name: 'Alex', age: 30, country: 'Canada' } { name: 'Alex', country: 'Canada' } 
  
    Paskaidrojums     :  
  
 
 The  Object.assign({}, details)>  metode rada seklu kopiju  details>  objektu. Tas novērš oriģināla modifikāciju  details>  objektu.  
 
 Pēc tam tiek izmantota objekta iznīcināšana, lai no kopētā objekta iegūtu vecuma rekvizītu un piešķirtu to objektam  age>  mainīgs. Pārējie īpašumi tiek apkopoti jaunā objektā ar nosaukumu  rest>  .  
 
 Tā rezultātā,  rest>  objekts satur visas oriģināla īpašības  details>  objekts, izņemot vecuma īpašumu.  
 
 The  rest>  objekts pēc tam tiek reģistrēts konsolē, parādot objektu bez vecuma rekvizīta.  
 
 
 5. Izmantojot Object.fromEntries() un Object.entries()  
 
 The       Object.entries()       tiks izmantots, lai pārvērstu objektu par atslēgu-vērtību pāru masīvu. Tad mēs izmantojam     Masīvs.filtrs()     lai izslēgtu atslēgas-vērtības pāri ar norādīto atslēgu. Visbeidzot, mēs izmantojam Object.fromEntries(), lai pārveidotu filtrēto masīvu atpakaļ objektā.  
  
    Piemērs:     
  
 Tālāk norādītais kods ievieš iepriekš minētās metodes, lai noņemtu atslēgu no objekta JavaScript.  
Javascript   
const details = {  name: 'Alex',  age: 30,  country: 'Canada' }; const { age, ...rest } = Object.fromEntries(  Object.entries(details).filter(([key]) =>atslēga !== 'vecums')); konsole.log(atpūta);>>   
  Izvade   
{ name: 'Alex', country: 'Canada' } 
    
 Paskaidrojums:  
 
 
 Object.entries(details)>  pārvērš  details>  objektu atslēgu-vērtību pāru masīvā.  
 
 .filter(([key]) =>taustiņš !== 'vecums')>  filtrē atslēgas vērtību pārus, ja atslēga nav vienāda ar “vecums”, efektīvi noņemot vecuma rekvizītu.  
 
 Object.fromEntries()>  pārvērš filtrēto atslēgu un vērtību pāru masīvu atpakaļ objektā.  
 
 Visbeidzot, objekta iznīcināšana tiek izmantota, lai no rezultāta iegūtu vecuma īpašību, kas tiek piešķirta  age>  mainīgais, bet pārējie rekvizīti tiek apkopoti jaunā objektā, ko sauc  rest>  .  
 
 The  rest>  objekts pēc tam tiek reģistrēts konsolē, parādot objektu bez vecuma rekvizīta.  
 
 
 6. Izmantojot Underscore.js bibliotēkas metodi _.omit, lai noņemtu atslēgu no objekta  
 
 The   pasvītrojums.js   ir JavaScript bibliotēka, ko var iekļaut HTML dokumentā, izmantojot tā CDN saiti, un pēc tam jums ir atļauts izmantot tās iebūvētās funkcijas.  
  
 Underscore.js bibliotēkas metodes _.omit sintakse:  
  
    Piemērs:     
  
 Tālāk sniegtais kods izskaidros, kā lietot   _.izlaist()   funkcija, lai noņemtu atslēgu no JavaScript objekta.  
HTML