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

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

文章目录

• 从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（JS）
• • 前言
  • 第十三节课：json对象，冒泡排序
  • • 一、json对象
    • • 1.定义方式
      • 2. json中增删改查属性
      • 3. json中操作属性
    • 二、对象的序列化和反序列化
    • 四、冒泡排序

前言

第十三节课：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)

效果：