Hapus kunci dari objek javascript es6

Ada dua cara untuk menghapus properti dari objek JavaScript. Ada cara yang dapat diubah untuk melakukannya menggunakan operator hapus, dan cara yang tidak dapat diubah untuk melakukannya dengan menggunakan restrukturisasi objek

Mari kita bahas masing-masing metode ini dalam tutorial ini

Hapus Properti dari Objek JS dengan Operator Hapus

delete adalah instruksi JavaScript yang memungkinkan kita untuk menghapus properti dari objek JavaScript. Ada beberapa cara untuk menggunakannya

• delete object.property;
• delete object[‘property’];

Operator menghapus properti yang sesuai dari objek

let blog = {name: 'Wisdom Geek', author: 'Saransh Kataria'};
const propToBeDeleted = 'author';
delete blog[propToBeDeleted];
console.log(blog); // {name: 'Wisdom Geek'}

Operasi hapus memodifikasi objek asli. Ini berarti bahwa ini adalah operasi yang bisa berubah

Hapus Properti dari Objek JS dengan Penghancuran Objek

Menggunakan restrukturisasi objek dan sintaks istirahat, kita dapat mendestruktur objek dengan properti yang akan dihapus dan membuat salinan baru darinya

Setelah penghancuran, salinan baru objek dibuat dan ditugaskan ke variabel baru tanpa properti yang kami pilih untuk dihapus

const { property, ...remainingObject } = object;

Sebagai contoh

let blog = {name: 'Wisdom Geek', author: 'Saransh Kataria'};
const { author, ...blogRest } = blog;
console.log(blogRest) // {name: 'Wisdom Geek'};
console.log(blog); // {name: 'Wisdom Geek', author: 'Saransh Kataria'}

Jika kita ingin melakukan ini secara dinamis, kita bisa melakukannya

const name = 'propertToBeRemoved';
const { [name]: removedProperty, ...remainingObject } = object;

Dimungkinkan juga untuk menghapus beberapa properti menggunakan sintaks yang sama

Membungkus

Dan itu adalah dua cara untuk menghapus properti dari objek JavaScript. Jika Anda memiliki pertanyaan, jangan ragu untuk menghubungi saya

Baca lebih banyak posting saya di. https. // www. wisdomgeek. com

IKLAN

IKLAN

Saransh Kataria

Baca lebih banyak posting

Jika Anda membaca sejauh ini, tweet ke penulis untuk menunjukkan bahwa Anda peduli. Tweet terima kasih

Belajar kode secara gratis. Kurikulum open source freeCodeCamp telah membantu lebih dari 40.000 orang mendapatkan pekerjaan sebagai pengembang. Memulai

Dalam posting ini Anda akan belajar cara menghapus properti dari objek dalam JavaScript menggunakan destrukturisasi dan sintaks ...rest

Cara baru untuk menghapus properti objek ini (dengan mengecualikannya dari objek baru) memberi kita cara yang lebih bersih untuk menulis JavaScript, dengan lebih sedikit kode dan keterbacaan yang lebih baik - serta menjadi operasi yang tidak dapat diubah

Sebelum melakukan destrukturisasi, kami biasanya akan menggunakan kata kunci delete untuk menghapus properti dari suatu objek. Masalah dengan delete adalah bahwa ini adalah operasi yang dapat berubah, mengubah objek secara fisik dan berpotensi menyebabkan efek samping yang tidak diinginkan karena cara JavaScript menangani referensi objek

Dengan menggunakan penghancuran objek, dikombinasikan dengan operator lainnya ...rest, kami memiliki pendekatan pembersihan satu baris

Apa itu Penghancuran Objek?

Penghancuran objek memungkinkan kita membuat variabel dari nama properti objek, dan variabel tersebut akan berisi nilai dari nama properti - misalnya

const data = { a: 1, b: 2, c: 3 };

const { a, b, c } = data;

console.log(a, b, c); // 1, 2, 3

Dengan menggunakan const { a, b, c } = data kami mendeklarasikan 3 variabel baru (

const data = { a: 1, b: 2, c: 3 };

const { a, ...rest } = data;

console.log(a); // 1
console.log(rest); // { b: 2, c: 3 }

const data = { a: 1, b: 2, c: 3 };

const { a, ...rest } = data;

console.log(a); // 1
console.log(rest); // { b: 2, c: 3 }

const data = { a: 1, b: 2, c: 3 };

const { a, ...rest } = data;

console.log(a); // 1
console.log(rest); // { b: 2, c: 3 }

Jika

const data = { a: 1, b: 2, c: 3 };

const { a, ...rest } = data;

console.log(a); // 1
console.log(rest); // { b: 2, c: 3 }

const data = { a: 1, b: 2, c: 3 };

const { a, ...rest } = data;

console.log(a); // 1
console.log(rest); // { b: 2, c: 3 }

const data = { a: 1, b: 2, c: 3 };

const { a, ...rest } = data;

console.log(a); // 1
console.log(rest); // { b: 2, c: 3 }

const data = { a: 1, b: 2, c: 3 };

const { a, ...rest } = data;

console.log(a); // 1
console.log(rest); // { b: 2, c: 3 }

const data = { a: 1, b: 2, c: 3 };

const { a, ...rest } = data;

console.log(a); // 1
console.log(rest); // { b: 2, c: 3 }

…beristirahat dalam penghancuran Objek

Pertama datang parameter istirahat, lalu datang

Ditambahkan di ECMAScript 2015 dan sekarang di Tahap 4 - mereka ada di sini untuk tetap dan digunakan hari ini

Dengan pemikiran ini, bagaimana ...rest membantu kami menghapus properti dari objek melalui destrukturisasi?

eBuku gratis

Arahan, sederhana kan? . Dari luar mereka terlihat sederhana, tetapi bahkan pengembang Angular yang terampil pun belum memahami setiap konsep dalam eBuku ini

Bagaimana cara menghapus kunci dari objek di JavaScript es6?

Bagaimana cara menghapus kunci dari suatu objek di JavaScript?

Bagaimana cara menghapus banyak kunci dari objek JavaScript?

Cara menghapus kunci