学习到最后,基本就是万物皆对象
一、创建对象
1、字面量(推荐):var obj = {}
例:
var obj = {name:'小明',age:18}
2、构造函数:var obj = new Object()
二、对象的组成:键值{键 : 值,}
三、对对象的操作:通过键获取值
方法1:对象.具体的键
1 //方式1:点语法 obj.键
2 obj.sex;
方法2:对象["具体的键"]==>obj[变量key]
1 //方式2:通过obj["具体的键"]
2 obj["sex"];
3 //obj[key] //key为所有键的统称变量,记住变量不加引号。
方法3:删除某个键:delete
1 var obj = {name:'laoxie',age:18,gender:'man'}
2 //删除age属性
3 delete obj.age;
4 //如果读取一个不存在的属性,返回undefined
四、遍例对象 for...in
1 for(var key in 对象名){
2 // key代表对象的每一个键 //}
3 ===================================
4 var obj = {name:'laoxie',age:18,gender:'男'}; for(var key in obj){
5 //遍历obj对象里面所有的键key,Obj[key]操作所有键对应的值。
6 document.write(obj[key]);//分别输出:'laoxie',18,'男'
7 }
五、数组与对象的组合
1 案例:生成对象数组
2 <script>
3 var output = document.getElementById("output");
4 var arr = [{
5 id : '001', //item.id
6 name : "laotian",
7 age : 38,
8 gender : "女",
9 hobby : "健身教练"
10 },{
11 id : '002',
12 name : "lemon",
13 age : 17,
14 gender : "女",
15 hobby : "开车"
16 },{
17 id : '003',
18 name : "mengzhu",
19 age : 18,
20 gender : "女",
21 hobby : "瑜伽"
22 }];
23 // 渲染到元素内 //
24 output.innerHTML = arr.map(function(item){
25 return '<li uid="'+item.id+'">'+
26 '<h4>'+item.name+'</h4>'+
27 '<p>年龄:'+item.age+'</p>'+
28 '<p>性别:'+item.gender+'</p>'+
29 '<p>爱好:'+item.hobby+'</p>'+
30 '</li>';
31 }).join("");
32
33 </script>