JS-json 04

 

自定义对象

JS中定义对象的三种方式

1.  创建对象,  直接使用

    格式: var 对象名 = new Object();
    //  JS中操作对象, 给属性赋值时,  如果属性不存在,则创建属性并赋值
    //  取出属性值时, 如果属性不存在, 则结果为未定义 !

    案例:

    function say(){
        alert("我是:"+this.name+",我今年:"+this.age+"岁了");
    }

    //----------------------------------

    var p = new Object();
    p.name="奇男";
    p.age=18;
    p.sex="未知";
    p.say = say;
    //-------------------
    p.say();


2.  创建对象模版, 通过new 使用模版创建对象
    格式:
        function 模版名称(形式参数列表){
            通过this给属性和函数赋值;
        }

    案例:
        function Person(name,age,sex){
            this.name=name;
            this.age=age;
            this.sex=sex;
            this.say=function(){
                alert("哈哈哈,我是"+this.name+",我今年"+this.age+"岁了,我的性别是:"+this.sex);
            }
        }

        var p = new Person("奇男",28,"男");
        p.say();

练习

创建一个对象 , 用来描述图书(book), 具备书名(name), 编号(id) ,价格(price),简介(info) 等属性.

var b = new Object();
b.name="金苹果";
b.id=10001;
b.price=98;
b.info="讲述了一个苹果从青涩到金黄的过程~";
console.info(b);

JSON *****

轻量级数据交换格式 ! 常用于数据的传输, 数据的存储, 常见于后台应用响应给客户端数据!

JSON格式:

    JSON数据中 包含两大格式: 

    -   JSON对象
        JSON对象, 使用大括号括住所有成员 , 大括号中,由一个个的键值对组成 !键与值之间使用英文冒号连接,多个键值对之间使用英文逗号分隔 !字符串的值用引号引住! Java中键值对的键使用引号引住!

        {
            "name":"张三","age":18
        }

    -   JSON数组
        JSON数组就是JS数组, 语法完全一致 ,使用中括号括住所有成员, 由一个个的值和下标组成, 多个值之间使用逗号分隔!
        [值1,值2...值n]

    注意:
        上述两种格式, 可以互相嵌套 : 

    案例:
        使用JSON描述一个人: 

        var json = {
            "id":10001,
            "name":"奇男",
            "sex":"妖",
            "jiyous":["向阳","唐亮","王超","乔峰"]
        };

        console.info(json.id);
        console.info(json.name);
        console.info(json.sex);
        console.info(json.jiyous[3]);   

练习

描述一个学生student:
    姓名(name):   奇男
    年龄(age) : 18
    爱好(bobby): 吃/喝/睡/玩/洗脚/敲代码
    学习的科目(course): JAVA/H5/UI/PHP/大数据/区块链

var student = {
    "name":"奇男",
    "age":18,
    "bobby":["吃","喝","睡","玩","洗脚","敲代码"],
    "course":["JAVA","H5","UI","PHP","大数据","区块链"]
};
console.info(student.name);
console.info(student.course[0]);