JavaScript 创建对象的方式:
var 对象名 = {
属性名:属性值,
属性名:属性值,
属性名:属性值
}
如下所示,创建一个person对象:
var person = {
name:"xiaoming",
age:3,
email:"88888@qq.com",
score:0
}
多个属性之间使用逗号隔开,最后一个属性后面不加逗号。
此时我们进入控制台,输入person.
,就会自动提示person对象的四个属性,如下图所示。
当我们选择其中一个属性时,控制台就会输出该属性的值。
-
对象赋值:
person.name = "小红"
如上所示,成功将person.name赋值为 ”小红“。
-
输入一个不存在的对象属性,不会报错,只会显示
undefined
例如我们在控制台输入:
person.hh
显然,person对象并不包含这个属性,因此控制台会输出:
undefined
-
动态删减属性,可以通过delete删除对象的属性,如下所示:
delete person.name
-
动态添加属性,可以直接添加一个新的属性,如下所示:
person.haha = "haha"
此时再输入person,可以发现它新增了一个haha属性。
-
判断属性是否在这个对象中
'属性' in 对象 'age' in person
当该对象确实包含这个属性时,控制台会返回
true
。需要注意的是,JavaScript的对象也有继承关系,该对象的父类中的属性,同样也存在于这个对象中。
如下图所示,这是person的父类中的属性:
我们选择其中的一个属性 toString
,判断它是否存在于person对象中:
'toString' in person
控制台输出结果为true
。
-
判断一个属性是否是对象自身拥有的:
hasOwnProperty()
person.hasOwnProperty('toString') false person.hasOwnProperty('age') true