zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    C++语法小记---string类
    C++语法小记---标准库
    C++语法小记---运算符重载
    C++语法小记---函数重载
    C++语法小记---友元
    C++语法小记---开篇
    STM32使用printf丢失第一个字母的问题
    AD芯片的基准参考电压问题
    运算放大器的调试经验
    [置顶] TIM_GetCounter与TIM_GetCapture1的区别
  • 原文地址:https://www.cnblogs.com/goldWen90/p/6231456.html
Copyright © 2011-2022 走看看