Javascript中的delete介绍

当我们在JavaScript中创建一个对象或者函数时，它们都会被存储在内存中，而使用 delete 关键字可以删除对象的某个属性或者函数。本文将详细讲解 delete 的用法，以及可能会遇到的问题。

语法

delete object.propertyName
delete object[expression]
delete object.functionName

delete 的语法可以基本分为三种情况，分别是删除对象的属性、删除对象的属性（通过表达式），以及删除对象的函数。

需要注意的是，delete 只是将属性从对象中移除，并没有清除被属性占用的内存。但如果删除一个对象，JS引擎会将该对象占用的内存空间标记为可以重新使用，从而释放出内存空间。

普通对象中的delete

示例1

下面是一个简单的示例，创建了一个对象 person，并添加了两个属性 name 和 age。可以使用 delete 删除这个对象的 age 属性：

let person = {
  name: 'Alice',
  age: 20
};

delete person.age; 

console.log(person); // { name: 'Alice' }

在上面的示例中， delete person.age 语句会将 person 的 age 属性从对象中移除，最终在控制台输出 person 只剩下 name 属性。

示例2

如果尝试删除一个不存在的属性，delete 操作不会产生任何效果，并且返回 true：

let person = {
  name: 'Alice',
  age: 20
};

delete person.height; 

console.log(person); // { name: 'Alice', age: 20 }

在上面的示例中，由于 person 没有 height 属性，所以删除操作不会起作用。

数组对象中的delete

JavaScript中的数组也是一种特殊的对象，元素用数字下标作为属性名。因此，除了可以使用 delete 删除一个普通对象属性之外，还可以使用 delete 删除数组元素。

需要注意的是，使用 delete 删除数组元素，只是将元素值设置为undefined，而不会对数组长度造成影响。因此不推荐使用 delete 删除数组元素，而是应该使用 splice() 函数。

示例3

下面是通过 delete 删除数组元素的示例，其中，arr 数组的第二个元素使用了 delete 删除：

let arr = ['apple', 'banana', 'orange'];

delete arr[1];

console.log(arr); // ['apple', undefined, 'orange']

在上面的示例中， delete arr[1] 语句将 arr 数组的第二个元素删除，导致 arr 数组的长度不受影响，但第二个元素的值变为了 undefined。

示例4

与 delete 不同，splice() 函数是删除数组元素的首选方法，因为它不仅会删除元素，还会重新排列数组的其他元素，保持数组的连续性。

下面是使用 splice() 删除数组元素的示例：

let arr = ['apple', 'banana', 'orange'];

arr.splice(1, 1);

console.log(arr); // ['apple', 'orange']

在上面的示例中，arr.splice(1, 1) 语句将从 arr 数组的第二个位置开始删除一个元素，即 ['banana']，最终 arr 变成了 ['apple', 'orange']。

总结

• delete 关键字可以删除对象属性和函数。
• 对于普通对象，使用 delete 可以移除对象的某个属性。
• 对于数组对象，使用 delete 可以将元素值设置为 undefined，但不会改变数组长度。应该使用 splice() 函数从数组中删除元素。
• 删除对象只会移除属性，而不会释放对象占用的内存空间。