Objek javascript menghapus semua kunci kecuali satu

Dalam tutorial ini, Kita akan melihat, Enam cara untuk menghapus properti atau kunci di objek Javascript dengan contoh kode

Pelajari berbagai cara menghapus properti atau kunci dalam objek javascript

Anda juga dapat memeriksa posting lain di Javascript Tambah, Hapus dari Array

Bagaimana cara menghapus properti dari objek di Javascript?

Objek JavaScript adalah kumpulan kunci dan nilai properti yang diapit tanda kurung{}

Mari mendeklarasikan objek dalam javascript dengan inisialisasi kunci dan nilai sebaris

let obj = {
    "model": "alto",
    "company": "Maruthi",
    "type": "car"
}

Dalam posting blog ini,

Kita akan ke

delete object[key]; 
or
delete object.key

• menggunakan sintaks operator hapus
• Tetapkan undefined ke kunci
• Menggunakan metode menghilangkan Lodash
• Menggunakan fungsi dissoc ramdaJS
• Pendekatan sintaks penugasan penyebaran dan penghancuran ES6
• underscorejs memilih dan menghilangkan metode

Semua metode di atas mengubah array asli

Bagaimana cara menghapus properti di objek javascript menggunakan operator hapus?

Operator

delete object[key]; 
or
delete object.key

delete object[key]; 
or
delete object.key

delete object[key]; 
or
delete object.key

Sintaksis

delete object[key]; 
or
delete object.key

Poin penting

• delete object[key]; 
  or
  delete object.key
  

  _7 menghapus properti sendiri dari suatu objek
• Kembalikan

  console.log(obj);
  delete obj.company
  for (const property in obj) {
      console.log(`${property}: ${obj[property]}`);
  }
  console.log(obj.company);
  

  _1, jika kunci dihapus, dan kembalikan

  console.log(obj);
  delete obj.company
  for (const property in obj) {
      console.log(`${property}: ${obj[property]}`);
  }
  console.log(obj.company);
  

  2 jika kunci tidak ada

console.log(obj);
delete obj.company
for (const property in obj) {
    console.log(`${property}: ${obj[property]}`);
}
console.log(obj.company);

Keluaran

{ model: 'alto', company: 'Maruthi', type: 'car' }
model: alto
type: car
undefined

Selangkah demi selangkah

• Objek dideklarasikan dan diparaf
• objek cetak ke konsol menggunakan

  console.log(obj);
  delete obj.company
  for (const property in obj) {
      console.log(`${property}: ${obj[property]}`);
  }
  console.log(obj.company);
  

  3
• menghapus kunci

  console.log(obj);
  delete obj.company
  for (const property in obj) {
      console.log(`${property}: ${obj[property]}`);
  }
  console.log(obj.company);
  

  _4 dan nilainya dari objek menggunakan operator

  delete object[key]; 
  or
  delete object.key
  

  7
• Iterasi kunci objek dan properti nilai menggunakan sintaks

  console.log(obj);
  delete obj.company
  for (const property in obj) {
      console.log(`${property}: ${obj[property]}`);
  }
  console.log(obj.company);
  

  6
• Dan properti sepenuhnya dihapus dan tidak ditampilkan selama pencetakan selama iterasi loop

• console.log(obj);
  delete obj.company
  for (const property in obj) {
      console.log(`${property}: ${obj[property]}`);
  }
  console.log(obj.company);
  

  7 dicetak dengan mengambil kunci objek yang dihapus

Demikian pula, alternatif untuk menggunakan

delete object[key]; 
or
delete object.key

console.log(obj);
delete obj.company
for (const property in obj) {
    console.log(`${property}: ${obj[property]}`);
}
console.log(obj.company);

delete object[key]; 
or
delete object.key

Cara menghapus kunci dari suatu objek dengan menetapkan nilai yang tidak ditentukan ke kunci dalam javascript

Tetapkan nilai

{ model: 'alto', company: 'Maruthi', type: 'car' }
model: alto
type: car
undefined

delete object[key]; 
or
delete object.key

delete object[key]; 
or
delete object.key

delete object[key]; 
or
delete object.key

Dari segi kinerja, penetapan

{ model: 'alto', company: 'Maruthi', type: 'car' }
model: alto
type: car
undefined

console.log(obj);
delete obj.company
for (const property in obj) {
    console.log(`${property}: ${obj[property]}`);
}
console.log(obj.company);

Poin penting

• Dalam pendekatan ini, Itu tidak akan sepenuhnya dihapus dari objek
• Seperti yang Anda lihat, dalam contoh, properti

  console.log(obj);
  delete obj.company
  for (const property in obj) {
      console.log(`${property}: ${obj[property]}`);
  }
  console.log(obj.company);
  

  _4 masih terlihat dengan nilai

  { model: 'alto', company: 'Maruthi', type: 'car' }
  model: alto
  type: car
  undefined
  

  1 selama iterasi loop

console.log(obj);
obj.company = undefined
console.log(obj);

Keluaran

{ model: 'alto', company: 'Maruthi', type: 'car' }
{ model: 'alto', company: undefined, type: 'car' }

Hapus properti dari objek menggunakan metode penghilangan Lodash

hilangkan metode di lodash menghapus properti objek sendiri,

{ model: 'alto', company: 'Maruthi', type: 'car' }
model: alto
type: car
undefined

console.log(obj);
obj.company = undefined
console.log(obj);

console.log(obj);
obj.company = undefined
console.log(obj);

console.log(obj);
obj.company = undefined
console.log(obj);

newobj = _.omit(obj, 'type');
console.log(newobj)

keluaran

Object {company: "Maruthi", model: "alto"}

Hapus properti dari objek menggunakan fungsi dissoc ramdaJS

perpustakaan utilitas ramdaJS adalah perpustakaan utilitas yang memiliki fungsi dissoc. Ia menerima parameter pertama sebagai kunci untuk dihapus, parameter kedua adalah objek sumber, dan mengembalikan objek baru setelah kunci yang dihapus

R.dissoc('model', {"model": "alto","company": "Maruthi","type": "car"});

Keluaran

{company: "Maruthi", type: "car"}

Pendekatan sintaks penugasan penyebaran dan penghancuran ES6

Ini adalah cara lain untuk menggunakan operator penyebaran versi Javascript terbaru dan penugasan penghancuran adalah fitur baru bahasa ES6. Sangat mudah untuk menggunakan sintaks

console.log(obj);
obj.company = undefined
console.log(obj);

delete object[key]; 
or
delete object.key

Dan keluaran

delete object[key]; 
or
delete object.key

abaikan, pilih metode di underscorejs

Itu tidak menghapus kunci objek tetapi menyalin properti dari objek asli dengan memfilter kunci yang ditentukan. Kedua metode -

console.log(obj);
obj.company = undefined
console.log(obj);

console.log(obj);
obj.company = undefined
console.log(obj);

Ini sintaksnya

delete object[key]; 
or
delete object.key

Input untuk metode ini adalah Objek adalah kunci objek sumber adalah daftar kunci yang ingin Anda hapus dari objek target

delete object[key]; 
or
delete object.key

dan keluaran

delete object[key]; 
or
delete object.key

Cara menghapus properti atau kunci dari larik objek

Misalkan Anda memiliki larik objek dan ingin mengembalikan larik baru dengan menghapus kunci dari larik

console.log(obj);
obj.company = undefined
console.log(obj);

console.log(obj);
obj.company = undefined
console.log(obj);

delete object[key]; 
or
delete object.key

delete object[key]; 
or
delete object.key

Kesimpulan

Berharap, artikel ini mengajarkan berbagai cara untuk menghapus kunci dari suatu objek atau array objek dalam javascript

Bagaimana Anda mengecualikan kunci dari suatu objek?

Bagaimana cara menghapus banyak kunci dari objek di JavaScript?

Bagaimana saya bisa mengkloning objek JavaScript kecuali satu kunci?

Bagaimana menghapus semua kunci