• 8、对象Object


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

    一、创建对象

    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>
  • 相关阅读:
    ajax相关知识总结
    http协议
    sass基础常用指南
    自定义上传图片样式并实现上传立即展示该图片
    HTML5 History 模式
    网页打印样式CSS
    session和cookie相关知识总结
    第二个冲刺周期
    软件工程学习进度表(第十三周)
    软件工程学习进度表(第十二周)
  • 原文地址:https://www.cnblogs.com/wulongke/p/10493116.html
Copyright © 2020-2023  润新知