JavaScript——对象入门

这是我参与更文挑战的第13天，活动详情查看： 更文挑战

对象的定义

在JavaScript中，对象是通过“{}”来定义的。这种方式称为对象的字面量语法。所谓字面量是指在源代码中直接书写的一个表示数据和类型的量。（如数值型，字符型，数组等）

对象的成员是以键值对的形式存放的，多个成员之间使用逗号分隔。

    <script>
    //创建一个空对象
    var o1 = {};
    //创建一个属性的对象
    var o2 = {name:'Tom'};
    //创建多个属性的对象
    var o3 = {name:'Jane',age:22,gender:'Girl'};
    </script>

当对象的属性较多时我们常对代码进行缩进与换行。

var o3 = {
        name:'Jane',
        age:22,
        gender:'Girl'
    };

这里要提一下的是JSON数据格式：

var o4 = {"name":"Jane","age":22,"gender":"Girl"};

JSON不仅可以用来保存对象还可以用来保存数字，字符串，数组等其他类型的数据。

访问对象成员

创建对象后，通过“.”可以访问对象的成员。 JavaScript中的对象具有动态特征，可以手动赋值属性或方法添加到对象中。

<script>
    var o1 = {};
    o1.name = "Jane";
    o1.age = 22;
    o1.print = function(){
        console.log(this.name);
    }
    o1.print();
    </script>

如果对象的成员名不确定时，可以使用“[]”语法来实现可变成员名，示例如下：

 <script>
    var o1 = {};
    var key = 'id';
    o1[key] = 123;
    //相当于o1['id'] = 123 ,或 o1.id = 123;
    console.log(o1.id);
    </script>

对象成员的遍历

for in 来遍历对象的成员

<script>
    var o3 = {
        name:'Jane',
        age:22,
        gender:'Girl'
    };
    for(var i in o3){
        console.log(o3[i]);
    }
    </script>

还可以通过o3i来调用对象中的方法。

判断一个对象中的某个成员是否存在时，可以使用in运算符。

<script>
    var o3 = {
        name:'Jane',
        age:22,
        gender:'Girl'
    };
    console.log('name' in o3);
    </script>

以上就是对象的一些入门知识，下期我们来讲一下另一种创建对象的方法。