本文共 1465 字，大约阅读时间需要 4 分钟。

JavaScript删除对象的某个属性的方法

1、delete

在JavaScript中，`delete`操作符是删除对象属性的核心方法。本质上，它会将某属性设置为`undefined`，并确保不会留下任何引用。但需要注意的是，`delete`的执行速度比直接设置属性慢百倍。因此，在需要高性能的场景下，可能需要选择其他方法。

var myObject = {
    "ircEvent": "PRIVMSG",
    "method": "newURI", 
    "regex": "^http://.*"
};
delete myObject.regex;
console.log(myObject);

使用`delete`操作符会删除指定属性。如果属性不存在，操作符仍会返回`true`，但不会改变对象状态。如果目标属性存在于原型链中，删除操作会仅作用于对象本身的属性而不影响原型链的属性。

此外，需注意以下几点：

1. 全局作用域或函数作用域中的`var`变量属性无法通过`delete`删除。这意味着无法删除全局作用域中的函数或变量。

2. `const`或`let`声明的属性也无法在其声明作用域中删除。

3. 不可设置的（Non-configurable）属性无法删除。例如，内置对象的属性或通过`Object.defineProperty()`设置为不可设置的属性都无法用`delete`删除。

2、obj.field = undefined;

将属性设置为`undefined`虽然可行，但与`delete`相比，实际效果类似。如果在循环中广泛使用可能会影响性能。以下是一个示例：

var obj = {
    field: 1
};
obj.field = undefined;

3、数组中的使用

在数组中使用`delete`会导致问题，因为它会设置数组元素为`null`，从而留下“洞”（空位），同时`array.length`不会改变。例如：

var array = [1, 2, 3, 4];
delete array[2]; // 预期输出：[1, 2, 4]
                 //实际输出：[1, 2, null, 4]

为了完全移除数组元素，可以使用`splice`方法。方法如下：

4、使用splice

数组的`splice`方法可以同时修改数组长度和内容。其语法如下：

arrayObject.splice(index, howmany, item1, ..., itemX)

其中：

index： 指定要修改或删除的位置。支持负数表示从数组末尾开始计算。

howmany： 要删除的元素数量。如果设为0则不会删除元素。

item1,...,itemX： 可选参数，添加到数组中（不影响已有元素）。

var arr = new Array(6);
arr[0] = "George";
arr[1] = "John";
arr[2] = "Thomas";
arr[3] = "James";
arr[4] = "Adrew";
arr[5] = "Martin";
document.write(arr + " ") Nicolas: arr.splice(2,0,"William");
document.write(arr + " ") // 最终数组：[George, John, William, Thomas, James, Andrew, Martin]