js 中 对 delete 的用法理解

在 js 中，delete 是一种操作符，用户删除一个对象的属性。该对象可以是任何类型，包括从原型继承的属性。但是，delete不能删除变量，只能删除一个对象的属性。delete 方法返回一个布尔值，表示删除是否成功。

// 示例代码
let obj = { key1:"value1",key2:"value2" }
console.log(delete obj.key1) // true
console.log(obj) // { key:"value2" }

// 示例代码2
let arr = ["a","b","c"]
console.log(delete arr[1]) // true
console.log(arr) // ["a",undefined,"c"]

delete 方法的使用

1.删除对象属性

可以使用 delete 方法删除一个对象的属性。如果属性存在，则删除成功并返回 true ;如果属性不存在，则返回 false。删除一个未定义的属性总是返回 true

// 示例代码1
const obj = { key1:"value1",key2:"value2" }
console.log(delete obj.key1) // true
console.log(obj) // { key2:"value2" }

// 示例代码2
const obj1 = {}
console.log(delete obj1.prop) // true
console.log(obj1) // {}

// 示例代码3
const obj2 = { prop:1 }
Object.defineProperty(obj2,"immutableProp",{value:1,writable:false,enumerable:true})
console.log(delete obj2.prop) // true
console.log(delete obj2.immutableProp) // false

2.删除数组元素

使用delete 方法删除数组元素，会讲此处元素设置为undefined。这意味着数组的长度不会改变，因为数组的长度是基于最后一个有定义的索引而定，而不是元素的总数。如果想要删除数组元素并重新调整他们的索引，可以使用splice 方法

const arr = ["a","b","c"]
console.log(delete arr[1]) // true
console.log(arr) // ["a","undefined","c"]

3.删除对象属性、数组元素的注意事项

无法删除内建对象或者全局变量的属性或方法。因此，不能使用 delete 删除 window 全局对象中的属性；也不能删除 Math、String、Date 等内建类型的属性

从一个对象中删除属性或从数组中删除元素时，最好先检查属性或者索引是否存在。如果不存在，则无法删除

// 误操作演示代码
console.log(delete Math.PI) // false
console.log(delete Window.document) // false

const arr = ["a","b","c"]
console.log(delete arr[10]) // true
console.log(arr) // ["a","b","c"]