JS移除属性|极客笔记

JS移除属性

在Javascript中，我们经常需要操作对象的属性。有时候我们需要删除一个已有的属性，这时就需要使用特定的方法来实现。本文将详细介绍如何在Javascript中移除对象的属性。

使用`delete`关键字

Javascript中有一个delete关键字，可以用来删除对象的属性。当使用delete关键字时，属性会被移除。示例代码如下：

let obj = {
    name: 'Alice',
    age: 25,
    gender: 'female'
};

console.log(obj); // Output: { name: 'Alice', age: 25, gender: 'female' }

delete obj.age;

console.log(obj); // Output: { name: 'Alice', gender: 'female' }

如上所示，我们首先创建了一个包含name、age和gender三个属性的对象。然后使用delete关键字删除了age属性。在第二个console.log语句中可以看到，age属性已被成功移除。

需要注意的是，使用delete关键字只能删除对象自身的属性，无法删除继承的属性。如果要删除继承的属性，可以使用Object.prototype对象上的delete方法。

使用`Object.prototype.delete`方法

Object.prototype对象上有一个delete方法，用来删除对象的继承属性。示例代码如下：

function Person(name, age) {
    this.name = name;
    this.age = age;
}

Person.prototype.gender = 'female';

let alice = new Person('Alice', 25);

console.log(alice.gender); // Output: female

delete Person.prototype.gender;

console.log(alice.gender); // Output: undefined

在上面的示例中，我们定义了一个Person构造函数，并给其prototype对象添加了gender属性。然后创建了一个alice对象，并打印其gender属性值。接着使用Object.prototype.delete方法删除了Person构造函数的prototype对象上的gender属性。最后再次打印alice对象的gender属性值，可以看到输出为undefined，说明属性已被成功移除。

删除数组元素

除了对象属性，我们也经常需要删除数组元素。Javascript中有几种方法可以删除数组元素，例如splice()方法、pop()方法和shift()方法。

使用`splice()`方法

splice()方法既可以删除数组中的元素，也可以在删除的位置插入新元素。示例代码如下：

let fruits = ['apple', 'banana', 'orange', 'grape'];

console.log(fruits); // Output: [ 'apple', 'banana', 'orange', 'grape' ]

fruits.splice(2, 1);

console.log(fruits); // Output: [ 'apple', 'banana', 'grape' ]

在上面的示例中，我们创建了一个包含四种水果的数组。使用splice()方法删除了数组中索引为2的元素，即orange。最后打印数组可以看到orange已被成功移除。

使用`pop()`方法

pop()方法用来删除数组的最后一个元素，并返回被删除的元素。示例代码如下：

let fruits = ['apple', 'banana', 'orange', 'grape'];

console.log(fruits); // Output: [ 'apple', 'banana', 'orange', 'grape' ]

let removedFruit = fruits.pop();

console.log(removedFruit); // Output: grape
console.log(fruits); // Output: [ 'apple', 'banana', 'orange' ]

在上面的示例中，我们使用pop()方法删除了数组中的最后一个元素grape，并将被删除的元素赋值给removedFruit变量。最后打印removedFruit和fruits可以看到grape已被成功移除。

使用`shift()`方法

shift()方法用来删除数组的第一个元素，并返回被删除的元素。示例代码如下：

let fruits = ['apple', 'banana', 'orange', 'grape'];

console.log(fruits); // Output: [ 'apple', 'banana', 'orange', 'grape' ]

let removedFruit = fruits.shift();

console.log(removedFruit); // Output: apple
console.log(fruits); // Output: [ 'banana', 'orange', 'grape' ]

在上面的示例中，我们使用shift()方法删除了数组中的第一个元素apple，并将被删除的元素赋值给removedFruit变量。最后打印removedFruit和fruits可以看到apple已被成功移除。