Javascript删除对象属性方法

分类:知识百科 日期: 点击:0

JavaScript中有多种方法可以删除对象的属性,下面介绍几种常用的方法。

1. 使用delete关键字

delete关键字是用来删除对象属性的最常用的方法,它可以删除对象的任意属性,使用方法如下:

var obj = {
    name: 'John',
    age: 20
};

delete obj.name;

上面的代码中,我们使用delete关键字删除了obj对象的name属性,此时obj对象只剩下age属性。

2. 使用Object.defineProperty()方法

Object.defineProperty()方法也可以用来删除对象的属性,它可以删除对象的任意属性,使用方法如下:

var obj = {
    name: 'John',
    age: 20
};

Object.defineProperty(obj, 'name', {
    value: undefined,
    writable: true,
    enumerable: true,
    configurable: true
});

上面的代码中,我们使用Object.defineProperty()方法将obj对象的name属性的值设为undefined,此时obj对象只剩下age属性。

3. 使用Object.assign()方法

Object.assign()方法也可以用来删除对象的属性,它可以删除对象的任意属性,使用方法如下:

var obj = {
    name: 'John',
    age: 20
};

Object.assign(obj, {name: undefined});

上面的代码中,我们使用Object.assign()方法将obj对象的name属性的值设为undefined,此时obj对象只剩下age属性。

4. 使用Object.keys()方法

Object.keys()方法也可以用来删除对象的属性,它可以删除对象的任意属性,使用方法如下:

var obj = {
    name: 'John',
    age: 20
};

var keys = Object.keys(obj);

for (var i = 0; i < keys.length; i++) {
    if (keys[i] === 'name') {
        delete obj[keys[i]];
    }
}

上面的代码中,我们使用Object.keys()方法获取obj对象的所有属性,遍历查找name属性,使用delete关键字删除obj对象的name属性,此时obj对象只剩下age属性。

5. 使用Object.prototype.hasOwnProperty()方法

Object.prototype.hasOwnProperty()方法也可以用来删除对象的属性,它可以删除对象的任意属性,使用方法如下:

var obj = {
    name: 'John',
    age: 20
};

if (obj.hasOwnProperty('name')) {
    delete obj.name;
}

上面的代码中,我们使用Object.prototype.hasOwnProperty()方法检查obj对象是否有name属性,如果有,则使用delete关键字删除obj对象的name属性,此时obj对象只剩下age属性。

以上就是JavaScript中删除对象属性的几种常用方法,使用起来非常简单,只要按照上面的方法正确使用,就可以轻松实现删除对象属性的目的。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。