Hapus nilai dari javascript objek json

delete object.property
delete object[property]

Catatan. Sintaks memungkinkan rentang ekspresi yang lebih luas mengikuti operator

delete identifier;
delete object.#privateProperty;

delete identifier;
delete object.#privateProperty;

Nama objek, atau ekspresi yang mengevaluasi objek

delete identifier;
delete object.#privateProperty;

Properti yang akan dihapus

delete identifier;
delete object.#privateProperty;

delete identifier;
delete object.#privateProperty;

delete identifier;
delete object.#privateProperty;

Dilemparkan dalam mode ketat jika properti adalah properti yang tidak dapat dikonfigurasi sendiri

delete identifier;
delete object.#privateProperty;

Dilempar jika

delete identifier;
delete object.#privateProperty;

delete console.log(1);
// Logs 1, returns true, but nothing deleted

Operator

delete identifier;
delete object.#privateProperty;

delete console.log(1);
// Logs 1, returns true, but nothing deleted

delete identifier;
delete object.#privateProperty;

Karena kelas secara otomatis dalam mode ketat, dan properti pribadi hanya dapat dirujuk secara legal di badan kelas, ini berarti properti pribadi tidak akan pernah bisa dihapus. Sementara

delete console.log(1);
// Logs 1, returns true, but nothing deleted

delete console.log(1);
// Logs 1, returns true, but nothing deleted

delete console.log(1);
// Logs 1, returns true, but nothing deleted

Sementara ekspresi lain diterima, mereka tidak mengarah pada perilaku yang bermakna

delete console.log(1);
// Logs 1, returns true, but nothing deleted

Operator

delete identifier;
delete object.#privateProperty;

delete identifier;
delete object.#privateProperty;

delete identifier;
delete object.#privateProperty;

delete identifier;
delete object.#privateProperty;

Penting untuk mempertimbangkan skenario berikut

• Jika properti yang Anda coba hapus tidak ada,

  delete identifier;
  delete object.#privateProperty;
  

  1 tidak akan berpengaruh dan akan mengembalikan

  delete identifier;
  delete object.#privateProperty;
  

  5

• delete identifier;
  delete object.#privateProperty;
  

  1 hanya berpengaruh pada properti sendiri. Jika properti dengan nama yang sama ada di rantai prototipe objek, maka setelah penghapusan, objek akan menggunakan properti dari rantai prototipe
• Properti yang tidak dapat dikonfigurasi tidak dapat dihapus. Ini termasuk properti dari objek bawaan seperti

  // Creates the property empCount on the global scope.
  // Since we are using var, this is marked as non-configurable.
  var empCount = 43;
  
  // Creates the property adminName on the global scope.
  // Since it was defined without "var", it is marked configurable.
  EmployeeDetails = {
    name: "xyz",
    age: 5,
    designation: "Developer",
  };
  
  // delete can be used to remove properties from objects.
  delete EmployeeDetails.name; // returns true
  
  // Even when the property does not exist, delete returns "true".
  delete EmployeeDetails.salary; // returns true
  
  // EmployeeDetails is a property of the global scope.
  delete EmployeeDetails; // returns true
  
  // On the contrary, empCount is not configurable
  // since var was used.
  delete empCount; // returns false
  
  // delete also does not affect built-in static properties
  // that are non-configurable.
  delete Math.PI; // returns false
  
  function f() {
    var z = 44;
  
    // delete doesn't affect local variable names
    delete z; // returns false
  }
  

  3,

  // Creates the property empCount on the global scope.
  // Since we are using var, this is marked as non-configurable.
  var empCount = 43;
  
  // Creates the property adminName on the global scope.
  // Since it was defined without "var", it is marked configurable.
  EmployeeDetails = {
    name: "xyz",
    age: 5,
    designation: "Developer",
  };
  
  // delete can be used to remove properties from objects.
  delete EmployeeDetails.name; // returns true
  
  // Even when the property does not exist, delete returns "true".
  delete EmployeeDetails.salary; // returns true
  
  // EmployeeDetails is a property of the global scope.
  delete EmployeeDetails; // returns true
  
  // On the contrary, empCount is not configurable
  // since var was used.
  delete empCount; // returns false
  
  // delete also does not affect built-in static properties
  // that are non-configurable.
  delete Math.PI; // returns false
  
  function f() {
    var z = 44;
  
    // delete doesn't affect local variable names
    delete z; // returns false
  }
  

  4,

  // Creates the property empCount on the global scope.
  // Since we are using var, this is marked as non-configurable.
  var empCount = 43;
  
  // Creates the property adminName on the global scope.
  // Since it was defined without "var", it is marked configurable.
  EmployeeDetails = {
    name: "xyz",
    age: 5,
    designation: "Developer",
  };
  
  // delete can be used to remove properties from objects.
  delete EmployeeDetails.name; // returns true
  
  // Even when the property does not exist, delete returns "true".
  delete EmployeeDetails.salary; // returns true
  
  // EmployeeDetails is a property of the global scope.
  delete EmployeeDetails; // returns true
  
  // On the contrary, empCount is not configurable
  // since var was used.
  delete empCount; // returns false
  
  // delete also does not affect built-in static properties
  // that are non-configurable.
  delete Math.PI; // returns false
  
  function f() {
    var z = 44;
  
    // delete doesn't affect local variable names
    delete z; // returns false
  }
  

  5 dan properti yang dibuat sebagai tidak dapat dikonfigurasi dengan metode seperti

  // Creates the property empCount on the global scope.
  // Since we are using var, this is marked as non-configurable.
  var empCount = 43;
  
  // Creates the property adminName on the global scope.
  // Since it was defined without "var", it is marked configurable.
  EmployeeDetails = {
    name: "xyz",
    age: 5,
    designation: "Developer",
  };
  
  // delete can be used to remove properties from objects.
  delete EmployeeDetails.name; // returns true
  
  // Even when the property does not exist, delete returns "true".
  delete EmployeeDetails.salary; // returns true
  
  // EmployeeDetails is a property of the global scope.
  delete EmployeeDetails; // returns true
  
  // On the contrary, empCount is not configurable
  // since var was used.
  delete empCount; // returns false
  
  // delete also does not affect built-in static properties
  // that are non-configurable.
  delete Math.PI; // returns false
  
  function f() {
    var z = 44;
  
    // delete doesn't affect local variable names
    delete z; // returns false
  }
  

  6
• Menghapus variabel, termasuk parameter fungsi, tidak pernah berhasil.

  // Creates the property empCount on the global scope.
  // Since we are using var, this is marked as non-configurable.
  var empCount = 43;
  
  // Creates the property adminName on the global scope.
  // Since it was defined without "var", it is marked configurable.
  EmployeeDetails = {
    name: "xyz",
    age: 5,
    designation: "Developer",
  };
  
  // delete can be used to remove properties from objects.
  delete EmployeeDetails.name; // returns true
  
  // Even when the property does not exist, delete returns "true".
  delete EmployeeDetails.salary; // returns true
  
  // EmployeeDetails is a property of the global scope.
  delete EmployeeDetails; // returns true
  
  // On the contrary, empCount is not configurable
  // since var was used.
  delete empCount; // returns false
  
  // delete also does not affect built-in static properties
  // that are non-configurable.
  delete Math.PI; // returns false
  
  function f() {
    var z = 44;
  
    // delete doesn't affect local variable names
    delete z; // returns false
  }
  

  _7 akan melempar

  // Creates the property empCount on the global scope.
  // Since we are using var, this is marked as non-configurable.
  var empCount = 43;
  
  // Creates the property adminName on the global scope.
  // Since it was defined without "var", it is marked configurable.
  EmployeeDetails = {
    name: "xyz",
    age: 5,
    designation: "Developer",
  };
  
  // delete can be used to remove properties from objects.
  delete EmployeeDetails.name; // returns true
  
  // Even when the property does not exist, delete returns "true".
  delete EmployeeDetails.salary; // returns true
  
  // EmployeeDetails is a property of the global scope.
  delete EmployeeDetails; // returns true
  
  // On the contrary, empCount is not configurable
  // since var was used.
  delete empCount; // returns false
  
  // delete also does not affect built-in static properties
  // that are non-configurable.
  delete Math.PI; // returns false
  
  function f() {
    var z = 44;
  
    // delete doesn't affect local variable names
    delete z; // returns false
  }
  

  8 dalam mode ketat, dan tidak akan berpengaruh dalam mode non-ketat
  • Variabel apa pun yang dideklarasikan dengan

    // Creates the property empCount on the global scope.
    // Since we are using var, this is marked as non-configurable.
    var empCount = 43;
    
    // Creates the property adminName on the global scope.
    // Since it was defined without "var", it is marked configurable.
    EmployeeDetails = {
      name: "xyz",
      age: 5,
      designation: "Developer",
    };
    
    // delete can be used to remove properties from objects.
    delete EmployeeDetails.name; // returns true
    
    // Even when the property does not exist, delete returns "true".
    delete EmployeeDetails.salary; // returns true
    
    // EmployeeDetails is a property of the global scope.
    delete EmployeeDetails; // returns true
    
    // On the contrary, empCount is not configurable
    // since var was used.
    delete empCount; // returns false
    
    // delete also does not affect built-in static properties
    // that are non-configurable.
    delete Math.PI; // returns false
    
    function f() {
      var z = 44;
    
      // delete doesn't affect local variable names
      delete z; // returns false
    }
    

    _9 tidak dapat dihapus dari lingkup global atau dari lingkup fungsi, karena meskipun dapat dilampirkan ke objek global, variabel tersebut tidak dapat dikonfigurasi
  • Variabel apa pun yang dideklarasikan dengan

    function Foo() {
      this.bar = 10;
    }
    
    Foo.prototype.bar = 42;
    
    const foo = new Foo();
    
    // foo.bar is associated with the
    // own property.
    console.log(foo.bar); // 10
    
    // Delete the own property within the
    // foo object.
    delete foo.bar; // returns true
    
    // foo.bar is still available in the
    // prototype chain.
    console.log(foo.bar); // 42
    
    // Delete the property on the prototype.
    delete Foo.prototype.bar; // returns true
    
    // The "bar" property can no longer be
    // inherited from Foo since it has been
    // deleted.
    console.log(foo.bar); // undefined
    

    0 atau

    function Foo() {
      this.bar = 10;
    }
    
    Foo.prototype.bar = 42;
    
    const foo = new Foo();
    
    // foo.bar is associated with the
    // own property.
    console.log(foo.bar); // 10
    
    // Delete the own property within the
    // foo object.
    delete foo.bar; // returns true
    
    // foo.bar is still available in the
    // prototype chain.
    console.log(foo.bar); // 42
    
    // Delete the property on the prototype.
    delete Foo.prototype.bar; // returns true
    
    // The "bar" property can no longer be
    // inherited from Foo since it has been
    // deleted.
    console.log(foo.bar); // undefined
    

    1 tidak dapat dihapus dari ruang lingkup di mana mereka didefinisikan, karena mereka tidak melekat pada suatu objek

Seperti spesifikasi ECMAScript modern, urutan traversal properti objek didefinisikan dengan baik dan stabil di seluruh implementasi. Namun, dalam kasus Internet Explorer, ketika seseorang menggunakan

delete identifier;
delete object.#privateProperty;

function Foo() {
  this.bar = 10;
}

Foo.prototype.bar = 42;

const foo = new Foo();

// foo.bar is associated with the
// own property.
console.log(foo.bar); // 10

// Delete the own property within the
// foo object.
delete foo.bar; // returns true

// foo.bar is still available in the
// prototype chain.
console.log(foo.bar); // 42

// Delete the property on the prototype.
delete Foo.prototype.bar; // returns true

// The "bar" property can no longer be
// inherited from Foo since it has been
// deleted.
console.log(foo.bar); // undefined

Jika Anda ingin menggunakan array asosiatif terurut dengan dukungan runtime lama, gunakan objek

function Foo() {
  this.bar = 10;
}

Foo.prototype.bar = 42;

const foo = new Foo();

// foo.bar is associated with the
// own property.
console.log(foo.bar); // 10

// Delete the own property within the
// foo object.
delete foo.bar; // returns true

// foo.bar is still available in the
// prototype chain.
console.log(foo.bar); // 42

// Delete the property on the prototype.
delete Foo.prototype.bar; // returns true

// The "bar" property can no longer be
// inherited from Foo since it has been
// deleted.
console.log(foo.bar); // undefined

Catatan. Contoh berikut menggunakan fitur mode non-ketat saja, seperti membuat variabel global secara implisit dan menghapus pengidentifikasi, yang dilarang dalam mode ketat

// Creates the property empCount on the global scope.
// Since we are using var, this is marked as non-configurable.
var empCount = 43;

// Creates the property adminName on the global scope.
// Since it was defined without "var", it is marked configurable.
EmployeeDetails = {
  name: "xyz",
  age: 5,
  designation: "Developer",
};

// delete can be used to remove properties from objects.
delete EmployeeDetails.name; // returns true

// Even when the property does not exist, delete returns "true".
delete EmployeeDetails.salary; // returns true

// EmployeeDetails is a property of the global scope.
delete EmployeeDetails; // returns true

// On the contrary, empCount is not configurable
// since var was used.
delete empCount; // returns false

// delete also does not affect built-in static properties
// that are non-configurable.
delete Math.PI; // returns false

function f() {
  var z = 44;

  // delete doesn't affect local variable names
  delete z; // returns false
}

Dalam contoh berikut, kami menghapus properti objek sendiri sementara properti dengan nama yang sama tersedia di rantai prototipe

function Foo() {
  this.bar = 10;
}

Foo.prototype.bar = 42;

const foo = new Foo();

// foo.bar is associated with the
// own property.
console.log(foo.bar); // 10

// Delete the own property within the
// foo object.
delete foo.bar; // returns true

// foo.bar is still available in the
// prototype chain.
console.log(foo.bar); // 42

// Delete the property on the prototype.
delete Foo.prototype.bar; // returns true

// The "bar" property can no longer be
// inherited from Foo since it has been
// deleted.
console.log(foo.bar); // undefined

Saat Anda menghapus elemen larik, larik

function Foo() {
  this.bar = 10;
}

Foo.prototype.bar = 42;

const foo = new Foo();

// foo.bar is associated with the
// own property.
console.log(foo.bar); // 10

// Delete the own property within the
// foo object.
delete foo.bar; // returns true

// foo.bar is still available in the
// prototype chain.
console.log(foo.bar); // 42

// Delete the property on the prototype.
delete Foo.prototype.bar; // returns true

// The "bar" property can no longer be
// inherited from Foo since it has been
// deleted.
console.log(foo.bar); // undefined

Saat operator

delete identifier;
delete object.#privateProperty;

function Foo() {
  this.bar = 10;
}

Foo.prototype.bar = 42;

const foo = new Foo();

// foo.bar is associated with the
// own property.
console.log(foo.bar); // 10

// Delete the own property within the
// foo object.
delete foo.bar; // returns true

// foo.bar is still available in the
// prototype chain.
console.log(foo.bar); // 42

// Delete the property on the prototype.
delete Foo.prototype.bar; // returns true

// The "bar" property can no longer be
// inherited from Foo since it has been
// deleted.
console.log(foo.bar); // undefined

delete identifier;
delete object.#privateProperty;

const trees = ["redwood", "bay", "cedar", "oak", "maple"];
delete trees[3];
console.log(3 in trees); // false

Ini menciptakan a dengan slot kosong. Jika Anda ingin elemen array ada tetapi memiliki nilai yang tidak ditentukan, gunakan nilai

function Foo() {
  this.bar = 10;
}

Foo.prototype.bar = 42;

const foo = new Foo();

// foo.bar is associated with the
// own property.
console.log(foo.bar); // 10

// Delete the own property within the
// foo object.
delete foo.bar; // returns true

// foo.bar is still available in the
// prototype chain.
console.log(foo.bar); // 42

// Delete the property on the prototype.
delete Foo.prototype.bar; // returns true

// The "bar" property can no longer be
// inherited from Foo since it has been
// deleted.
console.log(foo.bar); // undefined

delete identifier;
delete object.#privateProperty;

function Foo() {
  this.bar = 10;
}

Foo.prototype.bar = 42;

const foo = new Foo();

// foo.bar is associated with the
// own property.
console.log(foo.bar); // 10

// Delete the own property within the
// foo object.
delete foo.bar; // returns true

// foo.bar is still available in the
// prototype chain.
console.log(foo.bar); // 42

// Delete the property on the prototype.
delete Foo.prototype.bar; // returns true

// The "bar" property can no longer be
// inherited from Foo since it has been
// deleted.
console.log(foo.bar); // undefined

function Foo() {
  this.bar = 10;
}

Foo.prototype.bar = 42;

const foo = new Foo();

// foo.bar is associated with the
// own property.
console.log(foo.bar); // 10

// Delete the own property within the
// foo object.
delete foo.bar; // returns true

// foo.bar is still available in the
// prototype chain.
console.log(foo.bar); // 42

// Delete the property on the prototype.
delete Foo.prototype.bar; // returns true

// The "bar" property can no longer be
// inherited from Foo since it has been
// deleted.
console.log(foo.bar); // undefined

const trees = ["redwood", "bay", "cedar", "oak", "maple"];
trees[3] = undefined;
console.log(3 in trees); // true

Jika sebaliknya, Anda ingin menghapus elemen array dengan mengubah isi array, gunakan metode

const trees = ["redwood", "bay", "cedar", "oak", "maple"];
delete trees[3];
console.log(3 in trees); // false

function Foo() {
  this.bar = 10;
}

Foo.prototype.bar = 42;

const foo = new Foo();

// foo.bar is associated with the
// own property.
console.log(foo.bar); // 10

// Delete the own property within the
// foo object.
delete foo.bar; // returns true

// foo.bar is still available in the
// prototype chain.
console.log(foo.bar); // 42

// Delete the property on the prototype.
delete Foo.prototype.bar; // returns true

// The "bar" property can no longer be
// inherited from Foo since it has been
// deleted.
console.log(foo.bar); // undefined

const trees = ["redwood", "bay", "cedar", "oak", "maple"];
delete trees[3];
console.log(3 in trees); // false

const trees = ["redwood", "bay", "cedar", "oak", "maple"];
trees.splice(3, 1);
console.log(trees); // ["redwood", "bay", "cedar", "maple"]

Ketika properti ditandai sebagai tidak dapat dikonfigurasi,

delete identifier;
delete object.#privateProperty;

delete identifier;
delete object.#privateProperty;

delete identifier;
delete object.#privateProperty;

const Employee = {};
Object.defineProperty(Employee, "name", { configurable: false });

console.log(delete Employee.name); // returns false

// Creates the property empCount on the global scope.
// Since we are using var, this is marked as non-configurable.
var empCount = 43;

// Creates the property adminName on the global scope.
// Since it was defined without "var", it is marked configurable.
EmployeeDetails = {
  name: "xyz",
  age: 5,
  designation: "Developer",
};

// delete can be used to remove properties from objects.
delete EmployeeDetails.name; // returns true

// Even when the property does not exist, delete returns "true".
delete EmployeeDetails.salary; // returns true

// EmployeeDetails is a property of the global scope.
delete EmployeeDetails; // returns true

// On the contrary, empCount is not configurable
// since var was used.
delete empCount; // returns false

// delete also does not affect built-in static properties
// that are non-configurable.
delete Math.PI; // returns false

function f() {
  var z = 44;

  // delete doesn't affect local variable names
  delete z; // returns false
}

delete identifier;
delete object.#privateProperty;

// Since "nameOther" is added using with the
// var keyword, it is marked as non-configurable
var nameOther = "XYZ";

// We can access this global property using:
Object.getOwnPropertyDescriptor(globalThis, "nameOther");
// {
//   value: "XYZ",
//   writable: true,
//   enumerable: true,
//   configurable: false
// }

delete globalThis.nameOther; // return false

Dalam mode ketat, ini akan menimbulkan pengecualian

Jika properti global dapat dikonfigurasi (misalnya, melalui penugasan properti langsung), itu dapat dihapus, dan referensi selanjutnya sebagai variabel global akan menghasilkan

delete identifier;
delete object.#privateProperty;

Bagaimana cara menghapus nilai dari objek JSON di JavaScript?

Bagaimana cara menghapus properti dari objek JSON di JavaScript?

Bagaimana cara menghapus kunci tertentu dari objek JSON di JavaScript?

Bagaimana cara menghapus satu properti dari objek JSON?