一起学习javascript(4)-初阶

<script>

// 对象

// 定义依然可以用var

var person = {

    name: 'cxk',

    age: 18,

    tags: ['js', 'vue', 'uniapp'],

    city: 'SiChuan',

};

// 调用里面的属性

// 对象名.属性名

person.name;//xck

person.age;//18

//访问tags的值

console.log(person.tags[0]);//js

// 由于JavaScript的对象是动态类型，你可以自由地给一个对象添加或删除属性：

person.nickname = 'chicken';//直接赋值添加属性和属性值

// 让我们看看是否成功加入进去了

// 为了只遍历对象自身的属性，可以使用hasOwnProperty方法进行检查。

for (var key in person) {

    if (person.hasOwnProperty(key)) {//可以不要这个判断，这个只是为了加以验证

        console.log("person的属性为："+key + ": " +"该属性的值为:"+person[key]);

    }

}

//控制台打印输出为

// person的属性为：name: 该属性的值为:cxk

// person的属性为：age: 该属性的值为:18

// person的属性为：tags: 该属性的值为:js,vue,uniapp

// person的属性为：city: 该属性的值为:SiChuan

// person的属性为：nickname: 该属性的值为:chicken

//判断一个对象里面是否含有这个属性

// 对象名.hasOwnProperty(属性)//在显示true，不在显示false

console.log(person.hasOwnProperty('name'));//输出true

console.log(person.hasOwnProperty('nickname1'));//输出false

</script>