JavaScript对象增加属性

JavaScript对象增加属性教程

在 JavaScript 中，对象是支持动态的添加属性的。我们想要给一个对象动态的添加属性，只需要使用点运算符或者中括号运算符给想要添加的属性设置对应的值即可。

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");
person.attr4 = value4;
person["attr4"] = value4;

说明

我们可以直接使用对象加上点运算符或者使用对象加上中括号运算符给对象增加属性。

案例

对象增加属性

使用点运算符和中括号运算符都可以给对象增加属性

<!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.score = 100;
            console.log("Person Score =", person.score);
            person["goodat"] = "JavaScript";
            console.log("Person GoodAt =", person["goodat"]);
        </script>
    </head>
</html>

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

12_JavaScript对象添加属性.png

我们可以直接使用点运算符或者中括号运算符，给对象动态的添加属性。

JavaScript对象增加属性总结

在 JavaScript 中，对象是支持动态的添加属性的。我们想要给一个对象动态的添加属性，只需要使用点运算符或者中括号运算符给想要添加的属性设置对应的值即可。