Bagaimana saya bisa menghapus properti di objek di javascript?

Bagaimana cara menghapus properti dari objek JavaScript?

Meningkatkan Artikel

Simpan Artikel

Seperti Artikel

• Terakhir Diperbarui. 03 Jan 2023

Meningkatkan Artikel

Simpan Artikel

Kata kunci hapus JavaScript digunakan untuk menghapus properti objek dalam javaScript.  

Sintaksis

delete object.property or
delete object[property]

Catatan

• Hapus kata kunci menghapus nilai properti dan properti juga. Setelah dihapus, properti tidak dapat digunakan
• Operator hapus dirancang untuk digunakan pada properti objek. Itu tidak dapat digunakan pada variabel atau fungsi
• Hapus operator tidak boleh digunakan pada properti objek JavaScript yang telah ditentukan sebelumnya. Itu bisa menimbulkan masalah

Contoh 1. Contoh ini menghapus properti alamat dari suatu objek.  

html

<h1 style="color:green;">

    GeeksforGeeks

</h1>

<<3 <4=<6<7<3>

h1_0

<h12 h13=h15h16

</________10

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    // Delete the age property first
    delete person.age;
    let json = JSON.stringify(person);
    console.log(json);

h1_0

<style2>

    style5

    style7

style8style9

style8=1

style8=3

    =5

    =7

    =9

    "color:green;"1

    "color:green;"3

</style2>

Keluaran

Hapus properti dari objek JavaScript

Contoh 2. Contoh ini menghapus properti usia dari suatu objek

HTML

<h1 style="color:green;">

    GeeksforGeeks

</h1>

<<3 <4=<6    3<3>

h1_0

<h12 h13=h15>

    GeeksforGeeks4

</________10

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    // Delete the age property first
    delete person.age;
    let json = JSON.stringify(person);
    console.log(json);

h1_0

<style2>

    style5

    style7

style8style9

style8=1

style8=3

    =5

<_04

    <_06

    <_08

<09<10

    "color:green;"3

</style2>

Keluaran

Hapus properti dari objek JavaScript

Catatan Pribadi Saya arrow_drop_up

Menyimpan

Silakan Login untuk berkomentar.

Anda memiliki objek dengan beberapa properti dan Anda ingin menghapus beberapa properti ini sebelum menggunakan objek lebih lanjut

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    const json = JSON.stringify(person);
    console.log(json);
    // => {"firstName":"John","lastName":"Doe","gender":"Male","age":34}
    // What can we do if we don't want the `age` property in the JSON string? -->

Di sini string JSON juga berisi properti age. Namun, Anda akan mengirimkan string melalui jaringan, dan server di ujung lainnya tidak akan menggunakan properti age. Jadi, Anda ingin menghapus properti age_ dari objek person sebelum mengubahnya menjadi string JSON

Solusinya

Anda dapat menggunakan operator delete_, yang lebih sederhana, atau penghancuran objek, yang dapat menghapus lebih dari satu properti sekaligus

Menggunakan operator delete

Gunakan operator delete untuk menghapus properti dari objek

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    // Delete the age property first
    delete person.age;
    let json = JSON.stringify(person);
    console.log(json);

Operator delete_ akan kembali jika berhasil dan selalu mengembalikan

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    // Delete the age property first
    delete person.age;
    let json = JSON.stringify(person);
    console.log(json);

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    // Delete the age property first
    delete person.age;
    let json = JSON.stringify(person);
    console.log(json);

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    // Delete the age property first
    delete person.age;
    let json = JSON.stringify(person);
    console.log(json);

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    // Delete the age property first
    delete person.age;
    let json = JSON.stringify(person);
    console.log(json);

Menggunakan penghancuran objek

Operator delete hanya dapat menghapus satu properti per panggilan. Jadi jika Anda ingin menghapus properti age dan

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    // Delete the age property first
    delete person.age;
    let json = JSON.stringify(person);
    console.log(json);

    const person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    // Destructure the age and gender
    const {age, gender, ...personTrimmed} = person;
    const json = JSON.stringify(personTrimmed);
    console.log(json);

Perhatikan bahwa destrukturisasi secara signifikan lebih lambat daripada operator delete karena membuat salinan objek baru dari objek asli. Destrukturisasi juga tidak didukung oleh versi IE mana pun

Bagaimana cara menghapus item dari objek JavaScript?

Bagaimana cara menghapus properti?