从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（JS）

复习：从零开始学前端：字符串、数组的方法 — 今天你学习了吗？（JS：Day12/13/14）

前言

第十三节课：json对象，冒泡排序

一、json对象

1.定义方式

    var json = {};//字面量
    var json2 = new Object();
    var json3 = Object();

2. json中增删改查属性

json中增加属性

        var json = {
            "name": 'Coisini',
            age: 18,
            house: 5,
            car: 3
        };

        // 增加
        json.gf = '哥哥'
        console.log(json)

效果：

json中删除属性：

        var json = {
            "name": 'Coisini',
            age: 18,
            house: 5,
            car: 3
        };

        // 增加
        json.gf = '哥哥'
        console.log(json)

        // 删除
        delete json.age;
        console.log(json)

效果：

json中修改属性：

        var json = {
            "name": 'Coisini',
            age: 18,
            house: 5,
            car: 3
        };

        // 增加
        json.gf = '哥哥'
        console.log(json)

        // 删除
        delete json.age;
        console.log(json)

        // 改
        json.name = '甜柚';
        console.log(json)

效果：

json中查找属性：

        var json = {
            "name": 'Coisini',
            age: 18,
            house: 5,
            car: 3
        };

        // 增加
        json.gf = '哥哥'
        console.log(json)

        // 删除
        delete json.age;
        console.log(json)

        // 改
        json.name = '甜柚';
        console.log(json)
        //  查
        console.log(json)

效果：

3. json中操作属性

查找对象中是否有某个属性

        var json = {
            "name": 'Coisini',
            age: 18,
            house: 5,
            car: 3,
            hobby: undefined,
        };
        if (json.hobby) {
            console.log("存在")
        } else {
            console.log("不存在")
        }

效果：

检测对象是否有某个属性，用in

        // 检测对象是否有某个属性，用in;
        if ("hobby" in json) {
            console.log("存在")
        } else {
            console.log("不存在")
        }
        console.log("house" in json ? "存在" : "不存在")
        console.log("酒" in json ? "存在" : "不存在")

效果：

二、对象的序列化和反序列化

        var json = {
            "name": 'Coisini',
            age: 18,
            house: 5,
            car: 3,
            hobby: "undefined",
        };

        // 前后端交互的时候，大部分数据都是以字符串存在的，需要做转化；
        console.log(JSON)

        //将数组进行序列化
        var str = JSON.stringify(json);//将数组进行序列化
        console.log(str)

        // 将后端传过来的数据进行反序列化
        var json2 = JSON.parse(str);
        console.log(json2)

效果：

四、冒泡排序

        /*
            交换位置：
            a = [3,b=2][0]
            a取值3，同时b取值2，0表示数组的第0个
        */
        var arr = [98, 69, 6, 99, 404, 200, 0]
        // 冒泡排序：两两比较，将最大的值放到最后

        for (var i = 0; i < arr.length; i++) {          //确定趟数
            for (var j = arr.length - 1; j > i; j--) {   //比较次数
                // console.log("i:" + i + ",J" + j)
                // 小于换位置，大于不换位置
                if (arr[j] < arr[j - 1]) {
                    arr[j] = [arr[j - 1], arr[j - 1] = arr[j]][0]
                }
            }
        }
        console.log(arr)

效果：