8、对象Object

学习到最后，基本就是万物皆对象

一、创建对象

1、字面量（推荐）：var obj = {}

例：
var obj = {name:'小明',age:18}

2、构造函数：var obj = new Object()

二、对象的组成：键值{键 : 值，}

三、对对象的操作：通过键获取值

方法1：对象.具体的键

//方式1：点语法 obj.键
obj.sex;

方法2：对象["具体的键"]==>obj[变量key]

//方式2：通过obj["具体的键"]
obj["sex"];
//obj[key] //key为所有键的统称变量，记住变量不加引号。

方法3：删除某个键：delete

var obj = {name:'laoxie',age:18,gender:'man'}
//删除age属性
delete obj.age;
//如果读取一个不存在的属性，返回undefined

四、遍例对象 for...in

for(var key in 对象名）{
 // key代表对象的每一个键  //}
===================================          
var obj = {name:'laoxie'，age:18，gender:'男'}；  for(var key in obj){
//遍历obj对象里面所有的键key,Obj[key]操作所有键对应的值。
document.write(obj[key]);//分别输出：'laoxie',18,'男'
    }

五、数组与对象的组合

案例：生成对象数组
<script>
          var output = document.getElementById("output");
        var arr = [{
            id : '001', //item.id
            name : "laotian",
            age : 38,
            gender : "女",
            hobby : "健身教练"
        },{
            id : '002',
            name : "lemon",
            age : 17,
            gender : "女",
            hobby : "开车"
        },{
            id : '003',
            name : "mengzhu",
            age : 18,
            gender : "女",
            hobby : "瑜伽"
        }];
        // 渲染到元素内 //
       output.innerHTML = arr.map(function(item){
            return '<li uid="'+item.id+'">'+
                        '<h4>'+item.name+'</h4>'+
                        '<p>年龄：'+item.age+'</p>'+
                        '<p>性别：'+item.gender+'</p>'+
                        '<p>爱好：'+item.hobby+'</p>'+
                    '</li>';
        }).join("");
​
</script>