WithCoderWithCoderWithCoder

Javascript对象属性的查询和设置

    在Javascript中,可以通过点(.)或方括号([])运算符来获取或设置对象属性的值。

    1. 查询对象属性值

    在运算符的左侧应当是一个表达式,它返回一个对象。对于点(.)运算符,点(.)右侧必须是一个以属性名称命名的简单标识符;而对于方括号([])来说,方括号内必须是一个计算结果为字符串的表达式,而字符串就是属性的名字。   

    <script>
        var person = {
            name: "neil",
            age: 100
        }

        // 使用点运算符查询属性
        console.log(person.name);
        // 使用方括号运算符查询属性
        console.log(person["name"]);
    </script>

    2. 设置对象属性值

    和查询对象属性值的用法一样,通过点(.)和方括号([])运算符可以为对象创建新属性给现有属性赋值。   

    <script>
        var person = {
            name: "neil",
            age: 100
        }

        // 使用点运算符为对象新增属性
        person.sex = "male";
        // 使用方括号运算符为对象属性赋值
        person["age"] = 200;

        console.log(person.sex);
        console.log(person.age);
    </script>

    注意:

    在ECMAScript 3中,点运算符(.)后的标识符不能是Javascript的保留字,如o.class是非法的,因为class是保留字。如果一个对象的属性名是保留字,就只能使用方括号([])运算符进行访问,如o["class"]。

    而ECMAScript 5则放宽了限制,可以在点运算符(.)后直接使用保留字。

    另外,在使用方括号运算符([])时,我们提到方括号内的表达式必须返回字符串。其实更严格的将,表达式必须返回字符串或返回一个可以转换为字符串的值。

欢迎分享交流,转载请注明出处:WithCoder » Javascript对象属性的查询和设置