JavaScript删除对象属性

JavaScript删除对象属性教程

在 JavaScript 中，删除一个对象的属性可以使用 delete 方法。

JavaScript删除对象属性详解

语法

function createPerson(attr1, attr2, attr3, ...){
    var person = new Object();
    person.attr1 = attr1;
    person.attr2 = attr2;
    person.attr3 = attr3;
    ...
    person.func = function(){
        //todo
    }
    return person;
}
var person = createPerson("HaiCoder", 109, "F");
delete person.attr1;
delete person[attr1];

说明

使用 delete 删除对象的属性。

案例

删除对象属性

使用 delete 删除对象属性

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript删除对象属性</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            function createPerson(name, age, sex){
                var person = new Object();
                person.name = name;
                person.age = age;
                person.sex = sex;
                person.sayHi = function(){
                    console.log("I am", this.name, "i am", this.age, "years old", "and my sex is", this.sex);
                }
                return person;
            }
            var person = createPerson("HaiCoder", 109, "F");
            person.name = "haicoder";
            person.sayHi();
            delete person.name;
            person.sayHi();
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

13_JavaScript对象删除属性.png

我们直接使用 delete 删除对象的属性，删除对象之后，我们再次访问该属性，发现，此时该属性变成了 undefined。

JavaScript删除对象属性总结

在 JavaScript 中，删除一个对象的属性可以使用 delete 方法。