delete

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Der delete-Operator entfernt eine Eigenschaft aus einem Objekt. Wenn der Wert der Eigenschaft ein Objekt ist und es keine weiteren Verweise auf das Objekt gibt, wird das Objekt, das von dieser Eigenschaft gehalten wird, schließlich automatisch freigegeben.

Probieren Sie es aus

Syntax

js
delete object.property
delete object[property]

Hinweis: Die Syntax erlaubt eine größere Bandbreite von Ausdrücken nach dem delete-Operator, aber nur die oben aufgeführten Formen führen zu sinnvollen Verhaltensweisen.

Parameter

object

Der Name eines Objekts oder ein Ausdruck, der zu einem Objekt ausgewertet wird.

property

Die zu löschende Eigenschaft.

Rückgabewert

true in allen Fällen, außer wenn die Eigenschaft eine own non-configurable Eigenschaft ist, in diesem Fall wird im nicht-strikten Modus false zurückgegeben.

Ausnahmen

TypeError

Wird im strict mode ausgelöst, wenn die Eigenschaft eine eigene nicht-konfigurierbare Eigenschaft ist.

ReferenceError

Wird ausgelöst, wenn object super ist.

Beschreibung

Der delete-Operator hat die gleiche Präzedenz wie andere unäre Operatoren wie typeof. Daher akzeptiert er jeden Ausdruck, der durch Operatoren höherer Präzedenz gebildet wird. Die folgenden Formen führen jedoch zu frühen Syntaxfehlern im strict mode:

js
delete identifier;
delete object.#privateProperty;

Da Klassen automatisch im strict mode sind und private Eigenschaften nur legal in Klassenkörpern referenziert werden können, bedeutet dies, dass private Eigenschaften niemals gelöscht werden können. Während delete identifier funktionieren könnte, wenn identifier sich auf eine konfigurierbare Eigenschaft des globalen Objekts bezieht, sollten Sie diese Form vermeiden und stattdessen mit globalThis voranstellen.

Während andere Ausdrücke akzeptiert werden, führen sie nicht zu sinnvollen Verhaltensweisen:

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

Der delete-Operator entfernt eine gegebene Eigenschaft aus einem Objekt. Bei erfolgreicher Löschung wird true zurückgegeben, andernfalls wird false zurückgegeben. Entgegen der allgemeinen Annahme (vielleicht aufgrund anderer Programmiersprachen wie delete in C++) hat der delete-Operator nichts mit dem direkten Freigeben von Speicher zu tun. Das Speichermanagement erfolgt indirekt durch Aufbrechen von Verweisen. Weitere Einzelheiten finden Sie auf der Seite memory management.

Es ist wichtig, die folgenden Szenarien zu berücksichtigen:

  • Wenn die zu löschende Eigenschaft nicht existiert, hat delete keine Wirkung und wird true zurückgeben.
  • delete hat nur Auswirkungen auf eigene Eigenschaften. Wenn eine Eigenschaft mit demselben Namen in der Prototypenkette des Objekts existiert, wird nach der Löschung die Eigenschaft aus der Prototypenkette verwendet.
  • Nicht-konfigurierbare Eigenschaften können nicht entfernt werden. Dies schließt Eigenschaften von eingebauten Objekten wie Math, Array, Object und Eigenschaften ein, die als nicht-konfigurierbar mit Methoden wie Object.defineProperty() erstellt wurden.
  • Das Löschen von Variablen, einschließlich Funktionsparametern, funktioniert niemals. delete variable wird im strict mode einen SyntaxError auslösen und hat im nicht-strikten Modus keine Wirkung.
    • Jede mit var deklarierte Variable kann nicht aus dem globalen Scope oder aus dem Scope einer Funktion gelöscht werden, da sie zwar am global object angehängt sein kann, aber nicht konfigurierbar ist.
    • Jede mit let oder const deklarierte Variable kann nicht aus dem Scope gelöscht werden, in dem sie definiert wurde, da sie nicht an ein Objekt geheftet sind.

Beispiele

Verwendung von delete

Hinweis: Das folgende Beispiel verwendet nur nicht-strikte Modus-Features, wie das implizite Erstellen globaler Variablen und das Löschen von Bezeichnern, was im strict mode verboten ist.

js
// 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 EmployeeDetails 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 und die Prototypenkette

Im folgenden Beispiel löschen wir eine eigene Eigenschaft eines Objekts, während eine Eigenschaft mit demselben Namen in der Prototypenkette verfügbar ist:

js
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

Löschen von Array-Elementen

Wenn Sie ein Array-Element löschen, wird die length des Arrays nicht beeinträchtigt. Dies gilt auch, wenn Sie das letzte Element des Arrays löschen.

Wenn der delete-Operator ein Array-Element entfernt, ist dieses Element nicht mehr im Array. Im folgenden Beispiel wird trees[3] mit delete entfernt.

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

Dies erzeugt ein sparse array mit einem leeren Slot. Wenn Sie möchten, dass ein Array-Element existiert, aber einen undefinierten Wert hat, verwenden Sie den Wert undefined anstelle des delete-Operators. Im folgenden Beispiel wird trees[3] der Wert undefined zugewiesen, aber das Array-Element existiert weiterhin:

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

Wenn Sie stattdessen ein Array-Element durch Ändern des Array-Inhalts entfernen möchten, verwenden Sie die Methode splice(). Im folgenden Beispiel wird trees[3] vollständig aus dem Array entfernt, indem der splice() verwendet wird:

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

Löschen von nicht-konfigurierbaren Eigenschaften

Wenn eine Eigenschaft als nicht-konfigurierbar markiert ist, hat delete keine Wirkung und wird false zurückgeben. Im strict mode führt dies zu einem TypeError.

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

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

var erstellt nicht-konfigurierbare Eigenschaften, die nicht mit dem delete-Operator gelöscht werden können:

js
// 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

Im strict mode würde dies eine Ausnahme auslösen.

Löschen von globalen Eigenschaften

Wenn eine globale Eigenschaft konfigurierbar ist (zum Beispiel durch direkte Eigenschaften-Zuweisung), kann sie gelöscht werden, und nachfolgende Verweise auf sie als globale Variablen werden einen ReferenceError erzeugen.

js
globalThis.globalVar = 1;
console.log(globalVar); // 1
// In non-strict mode, you can use `delete globalVar` as well
delete globalThis.globalVar;
console.log(globalVar); // ReferenceError: globalVar is not defined

Spezifikationen

Specification
ECMAScript Language Specification
# sec-delete-operator

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch