• 5.1 JS中Object类型


    1.Object类型是引用类型中的一种。

    2.创建Object实例(对象)的方式:

    方式1:使用new操作符,后面跟上Object构造函数。如:

     var obj = new Object();//创建Object对象
     obj.name = "1024idea";//给对象添加属性
     obj.about = "JavaScript教程";// 给对象添加属性

    方式2:对象字面量方式,对象字面量方式是对象简写的一种形式

    var obj = {
       name:"1024idea",
       about:"JavaScript教程";
    };
    

    你也可以创建一个空对象,后续给对象添加属性:

    var obj = {};
    obj.name = "1024idea";//给对象添加属性
    obj.about = "JavaScript教程";// 给对象添加属性

    3.在实际的开发项目中,我们更喜欢用对象字面量方式。优点在于:(1)简洁 (2)可以向函数中传递大量参数。如:

    function showInfo(args){
        var output = "";
        if(typeof args.name == "string"){
            output += "name:"+args.name;
        }
        if(typeof args.age == "number"){
            output += "age:"+args.about;
        }
        console.log(output);
    }
    showInfo({name:"1024idea", age:"10"}); //函数调用,传入大量参数

    4.访问对象属性的几种方式:
    (1)方式一:.点表示法,如:

    var obj = {
        name:"zhangsan",
        score:100,
        weight:180
    }
    console.log(obj.name);// 点表示法
    console.log(obj['name']);// 其实也可以用方括号表示法

    下面来看一个点表示法去访问对象的属性的例子,稍微难一点的例子,如:

    var peronProperty = "";
    // JSON对象格式
    var objJson = {
        total: 3,
        data: [
            {
                "name":"张三",
                "age":20,
            },
            {
                "name":"李四",
                "age":30
            },
            {
                "name":"王五",
                "age": 40
            }
        ]
    };
    for(var k in objJson.data){
        peronProperty += "姓名:"+objJson.data[k].name+",年龄:"+objJson.data[k].age+";
    ";
    }
    console.log(peronProperty);// 姓名:张三,年龄:20; 姓名:李四,年龄:30; 姓名:王五,年龄:40;

    (2)方式二:[ ] 方括号表示法
    一般来说,我们是用点表示法来访问对象的属性的。
    点表示法和方括号表示法的区别:
    ①一般我们用点表示法,如果属性中包含一些特殊字符,如空格,关键字等,我们则用方括号表示法。
    ②方括号表示法有个优点就是:可以通过变量来访问属性。,其实在上面的那个例子中 objJson.data[k] 这个就是方括号表示法,其中 k 是一个变量。

    原文链接:http://www.1024idea.com/archives/167

  • 相关阅读:
    linux性能查看调优
    免密登录
    nginx配置
    Samba
    硬RAID与软RAID的区别
    LVM-扩容目录
    解决表面磁盘满,而实际没有大文件的问题
    LINUX下的JENKINS+TOMCAT+MAVEN+GIT+SHELL环境的搭建使用(JENKINS自动化部署)
    Docker 容器使用
    docker基础
  • 原文地址:https://www.cnblogs.com/goldWen90/p/6231456.html
Copyright © 2020-2023  润新知