JavaScript的delete运算符知识点总结

概述

JavaScript中的delete运算符用于删除对象的属性或者数组中的元素。 delete操作符是一个特殊的操作符，它不仅仅只是删除相应的对象属性，而是会影响整个对象的结构。下面我们来逐一讲解。

删除对象属性

删除一个对象的属性使用 delete 操作符，语法如下：

delete object.property

其中，object 是要被删除属性的对象，property 是要被删除的属性名称。

删除数组元素

删除数组元素同样使用 delete 操作符，语法如下：

delete array[index]

其中，array 是要删除元素的数组，index 是要被删除的元素所在的索引。

需要注意的是，如果从数组中删除元素，并不会修复数组，只是留出一个null空洞。比如下面的例子：

let arr = ['a','b','c']
delete arr[1]

console.log(arr) // ['a',null,'c']

这里使用 delete 删除了数组 arr 中的索引为1的元素，但是并没有把该元素从数组当中移除，而是留下了一个null的值。所以，如果用for…in循环或者forEach()方法遍历该数组时，仍会输出元素的索引。

案例说明

删除对象属性

假设有一个对象person，包含名字、年龄、性别及地址等属性，现在需要删除地址属性，代码如下：

let person = {
  name: 'Jack',
  age: 20,
  gender: 'male',
  address: 'Beijing'
}

delete person.address

console.log(person) // {name: "Jack", age: 20, gender: "male"}

上面代码中，使用 delete 删除了对象 person 当中的属性 address，最后输出的 person 对象已经不包含地址属性了。

删除数组元素

假设有一个数组arr，里面有五个元素，其中第三个元素是多余的，需要删除，代码如下：

let arr = ['a','b','c','d','e']

delete arr[2]

console.log(arr) // ['a','b',null,'d','e']

上面代码中，使用 delete 删除了数组 arr 中的第三个元素 c，而最终输出的数组中，索引为2的元素变成null。