js delete属性|极客笔记

js delete属性

介绍

在 JavaScript 中，delete 是一个用来删除对象的属性的运算符。该运算符可以用于删除对象中的属性或者数组中的元素。本文将详细介绍 delete 运算符的使用方式、注意事项以及一些示例代码。

语法

delete 运算符的语法如下:

delete object.property
delete object[index]
delete property

其中:

object：要删除属性或元素的对象。
property：要删除的属性。
index：要删除的数组的指定索引。

删除对象属性

delete 运算符可以用于删除对象的属性。下面是一个使用 delete 运算符删除对象属性的示例代码：

const person = {
  name: "Alice",
  age: 25,
  city: "New York"
};

console.log(person); // 输出 { name: "Alice", age: 25, city: "New York" }

delete person.age;

console.log(person); // 输出 { name: "Alice", city: "New York" }

在上述示例中，我们定义了一个名为 person 的对象，包含了 name、age 和 city 这三个属性。然后，我们使用 delete 运算符删除了 person 对象的 age 属性。最后，我们输出了 person 对象的内容，可以看到 age 属性已经被成功删除。

需要注意的是，使用 delete 运算符删除对象属性时，属性的描述符会被删除。也就是说，该属性将不再是可枚举的、可配置的和可写的。

删除数组元素

除了对象属性，delete 运算符还可以用于删除数组的元素。下面是一个使用 delete 运算符删除数组元素的示例代码：

const fruits = ['apple', 'banana', 'orange'];

console.log(fruits); // 输出 ['apple', 'banana', 'orange']

delete fruits[1];

console.log(fruits); // 输出 ['apple', empty, 'orange']

在上述示例中，我们定义了一个名为 fruits 的数组，包含了 'apple'、'banana' 和 'orange' 这三个元素。然后，我们使用 delete 运算符删除了 fruits 数组的索引为 1 的元素。最后，我们输出了 fruits 数组的内容，可以看到索引为 1 的元素已经被成功删除。

需要注意的是，删除数组元素并不会改变数组的长度。被删除的元素将会变成 empty，但数组的索引不会自动重新排序。

返回值

delete 运算符在成功删除属性或元素时，会返回 true。如果属性或元素无法被删除，比如属性不存在或对象不可扩展，delete 运算符会返回 false。

下面是一个使用 delete 运算符返回值的示例：

const person = {
  name: "Bob"
};

console.log(delete person.name); // 输出 true
console.log(delete person.age); // 输出 true （属性不存在）
console.log(delete person); // 输出 false （对象不可删除）

在上述示例中，我们使用 delete 运算符删除了 person 对象的 name 属性，返回了 true。然后，我们尝试删除 person 对象的 age 属性，由于该属性不存在，所以同样返回了 true。最后，我们尝试删除整个 person 对象，但由于该对象不可删除，所以返回了 false。

注意事项

在使用 delete 运算符时，有一些需要注意的地方：

delete 运算符只能用于删除对象的属性或数组的元素，不能用于删除变量或函数。
delete 运算符无法删除继承得到的属性，也无法删除被 const 声明的变量。
使用 delete 删除一个不存在的属性或元素时，返回结果为 true，但不会产生任何错误。

下面是一个使用 delete 运算符注意事项的示例：

const person = {
  name: "Alice"
};

console.log(delete person); // 输出 false（变量无法删除）

console.log(delete person.name); // 输出 true

console.log(delete Math.PI); // 输出 false（无法删除继承属性）

console.log(delete person.age); // 输出 true

console.log(delete person.age); // 输出 true（再次删除不存在的属性）

在上述示例中，我们尝试删除一个对象变量 person，但由于变量无法删除，所以返回了 false。然后，我们使用 delete 运算符删除了 person 对象的 name 属性，并返回了 true。接着，我们尝试删除一个继承得到的属性 Math.PI，由于无法删除继承属性，所以同样返回了 false。最后，我们尝试再次删除 person 对象的 age 属性，由于该属性已经被删除，所以同样返回了 true。