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
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
Objek JavaScript adalah kumpulan properti, dan properti adalah asosiasi antara nama (atau kunci) dan nilai. Dan kami sebagai pengembang menggunakannya secara berlebihan. Pada hari-hari awal karir pemrograman saya, saya merasa sulit untuk bekerja dengan manipulasi objek. Jadi hari ini saya ingin mencantumkan cara untuk menambahkan, memperbarui, dan menghapus properti dari suatu objek
Tambahkan properti ke Objek
Seseorang dapat menambahkan properti ke objek hanya dengan memberinya nilai. Seperti contoh di bawah ini, kita menjumlahkan harta suami dan memberikan nilainya secara langsung. Kita juga dapat menggunakan tanda kurung saat menetapkan nilai
Seseorang dapat menggunakan Sintaks ES7 dan pendekatan fungsional dan menambahkan properti yang akan menghasilkan hasil yang sama
Hapus properti dari ObjekSeseorang dapat menghapus properti dari objek menggunakan kata kunci delete. Kata kunci delete_ menghapus nilai properti dan properti itu sendiri. Setelah dihapus, properti tidak dapat digunakan sebelum ditambahkan kembali
Perbarui nilai properti yang adaSeseorang dapat memperbarui nilai properti hanya dengan menugaskan kembali nilainya ke kunci yang sama
Tambahkan properti ke array Object
Anggap kita memiliki larik objek dan kita ingin menambahkan properti ke setiap objek dalam larik. Kita dapat mencapai ini dengan menggunakan banyak metode array (juga menggunakan for loop). Tapi di sini saya telah menggunakan metode array. forEach untuk beralih melalui array dan menambahkan properti ke objek
Di sini, penghapusan dilakukan mirip dengan penambahan. Iterasi dilakukan dengan menggunakan metode array. forEach dan kemudian penghapusan dilakukan dengan menggunakan kata kunci delete
Perbarui setiap nilai properti yang ada dalam larik ObjekDi sini metode array. every digunakan untuk melakukan iterasi melalui elemen-elemen array. Properti 'tanggung jawab' dipindahkan ('jantung pertunjukan untuk' membuat orang tertawa ') ke nilai yang berbeda
Saya telah membuat daftar beberapa cara yang saya tahu cara menambah, memperbarui, dan menghapus properti. Beri komentar di bawah jika Anda tahu cara lain
Objek JavaScript berisi properti yang dapat dihapus jika diperlukan. Ada tiga cara yang dapat digunakan untuk menghapus properti apa pun dari objek dengan mudah. Cara pertama menggunakan operator khusus di JavaScript yang disebut operator delete, cara kedua menggunakan Object Destructuring dan yang ketiga menggunakan Reflect. metode deleteProperty()
Cakupan
- Pada artikel ini kita akan membahas cara menghapus kunci dari objek JavaScript
- Kita akan melihat contoh ketiga cara untuk menghapus kunci dari objek JavaScript
pengantar
Objek JavaScript terdiri dari properti yang hanya merupakan kombinasi dari kunci dan nilai. Singkatnya, properti memiliki pasangan kunci dan nilai yang dapat berupa entitas apa pun. Bahkan fungsi juga dapat bertindak sebagai kunci atau sebagai nilai dalam Objek apa pun. Bagaimanapun, di sini, kita akan membahas bagaimana kita bisa menghapus kunci dari JavaScript Objek
Menghapus kunci secara otomatis akan menghapus nilai yang terkait dengan kunci tersebut. Karenanya, menghapus kunci tidak lain adalah menghapus properti itu sendiri. Sekarang, ada tiga cara untuk menghapus kunci dari objek di JavaScript. Mari kita lihat sekilas semuanya
1. Hapus Properti dari Objek JavaScript Menggunakan Operator Hapus
Ada operator khusus dalam JavaScript yang disebut operator hapus yang dapat digunakan untuk menghapus kunci dari JavaScript Objek. Seperti namanya, operator hapus hanya menghapus properti yang ditentukan dari objek. Tapi pertama-tama, kita perlu mengakses properti untuk menghapusnya. Properti Objek dapat diakses baik menggunakan pengakses properti titik atau pengakses properti tanda kurung siku
Menghapus menggunakan Dot Way
Sintaksis
Contoh
Mari kita buat objek karyawan bernama emp yang akan digunakan untuk operasi lebih lanjut
let emp = { name: "Kareem", age: 26, designation: "Software Engineer", } console.log(emp); _
Keluaran
Object { name: "Kareem", age: 26, designation: "Software Engineer" } age: 26 designation: "Software Engineer" name: "Kareem"
Mari kita hapus properti usia menggunakan cara titik
delete emp.age; console.log(emp); _
Keluaran
Object { name: "Kareem", designation: "Software Engineer" } designation: "Software Engineer" name: "Kareem"
Penjelasan
Pada output yang diberikan di atas, kita dapat melihat bahwa umur properti dari objek emp telah berhasil dihapus menggunakan operator hapus (dot way)
Menghapus Menggunakan Cara Tanda Kurung Kotak
Sintaksis
delete object['property']; _
Mari kita hapus properti penunjukan dari objek yang sama emp menggunakan tanda kurung siku
delete emp['designation']; console.log(emp); _
Keluaran
Object { name: "Kareem" } name: "Kareem"
Penjelasan
Dalam output yang diberikan di atas, kita dapat melihat bahwa penunjukan properti dari objek emp telah berhasil dihapus menggunakan operator hapus (cara kurung siku)
2. Hapus Properti dari Objek JavaScript Menggunakan Penghancuran Objek
Penghancuran Objek juga dapat digunakan untuk menghapus properti dari suatu objek, tetapi ada tangkapan, Penghancuran Objek tidak mengubah (atau mengubah) objek asli, melainkan membuat objek baru yang tidak terdiri dari properti yang dihapus. Dengan cara ini objek aslinya tetap utuh (tidak berubah)
Sintaksis
const { propertyToRemove, ...newObject } = OriginalObject;
Contoh
const laptop = { brand: "HP", model: "Notebook", year: 2020, } const {model, ...newLaptop} = laptop; console.log(newLaptop); console.log(laptop);
Keluaran
Object { brand: "HP", year: 2020 } Object { brand: "HP", model: "Notebook", year: 2020 }
Penjelasan
Dalam contoh yang diberikan di atas, kami menggunakan penghancuran objek untuk menghapus properti dari objek. Saat kami menggunakan penghancuran objek pada laptop objek asli untuk menghapus model properti darinya, kami mendapatkan objek baru myLaptop tanpa properti itu. Sekali lagi, kita dapat melihat pada output bahwa objek aslinya tidak berubah
3. Hapus Properti dari Objek JavaScript Menggunakan Reflect. metode deleteProperty()
Refleks. metode deleteProperty() disediakan oleh salah satu objek JavaScript bawaan yang disebut 'Reflect'. Metode ini seperti bentuk fungsi operator hapus yang sudah kita bahas
Contoh
Object { name: "Kareem", age: 26, designation: "Software Engineer" } age: 26 designation: "Software Engineer" name: "Kareem" 0
Keluaran
Object { name: "Kareem", age: 26, designation: "Software Engineer" } age: 26 designation: "Software Engineer" name: "Kareem" 1
Penjelasan
Dalam contoh yang diberikan di atas, kami memiliki objek yang disebut 'mobil' dengan tiga properti. Kami menggunakan Reflect. metode deleteProperty() untuk menghapus properti car2 dari objek itu. Output membuktikan bahwa properti car2 telah berhasil dihapus dari objek cars
Terakhir, saya ingin menambahkan bahwa tidak masalah apakah Anda menggunakan operator hapus atau Refleksikan. metode deleteProperty() karena keduanya melakukan tugas dalam kompleksitas waktu yang hampir sama. Tetapi menggunakan Penghancuran Objek menghabiskan lebih banyak waktu secara komparatif. Oleh karena itu, operator hapus adalah cara yang paling disukai untuk menghapus kunci dari objek javascript karena sintaksnya yang pendek dan kompleksitas waktu yang lebih sedikit