Bagaimana Anda menghapus objek dalam javascript?

Question

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

Table of Contents Show

Hapus Properti dari Objek JS dengan Operator Hapus
Hapus Properti dari Objek JS dengan Penghancuran Objek
1. Hapus Properti dari Objek JavaScript Menggunakan Operator Hapus
Menghapus menggunakan Dot Way
Menghapus Menggunakan Cara Tanda Kurung Kotak
2. Hapus Properti dari Objek JavaScript Menggunakan Penghancuran Objek
3. Hapus Properti dari Objek JavaScript Menggunakan Reflect. metode deleteProperty()
Bagaimana cara menghapus nilai objek dalam JavaScript?
Bagaimana cara menghapus dari objek JavaScript?
Bagaimana cara menghapus kunci dan nilai dari objek di JavaScript?
Bagaimana cara menambah dan menghapus objek di JavaScript?

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

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

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 Objek

Seseorang 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 ada

Seseorang 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

Hapus properti dari array Object

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 Objek

Di 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

Bagaimana cara menghapus nilai objek dalam JavaScript?

Kita dapat menghapus Properti dari Objek JavaScript menggunakan Operator hapus, Penghancuran Objek, dan Refleksi. deleteProperty() metode .

Bagaimana cara menghapus dari objek JavaScript?

Dalam JavaScript, ada 2 cara umum untuk menghapus properti dari objek. Pendekatan pertama yang dapat diubah adalah menggunakan objek hapus. operator properti . Pendekatan kedua, yang tidak dapat diubah karena tidak mengubah objek aslinya, adalah dengan memanggil penghancuran objek dan menyebarkan sintaks. const {properti,.

Bagaimana cara menghapus kunci dan nilai dari objek di JavaScript?

Operator hapus digunakan untuk menghapus key-value pair dengan kuncinya adalah “key2”. menghibur. log(obj); . { key1. "nilai1", kunci3. "nilai3" }.

Bagaimana cara menambah dan menghapus objek di JavaScript?

Menambahkan/Menghapus Properti dari Objek. Untuk menambahkan properti apa pun, seseorang dapat menggunakan object_name. nama_properti = nilai (atau) nama_objek[“nama_properti”] = nilai . Untuk menghapus properti apa pun, seseorang dapat dengan mudah menggunakan delete object_name. nama_properti (atau) hapus nama_objek[“nama_properti”].

kode javascript