美文网首页
从屌丝到架构师的飞越(JavaScript篇)-JavaScri

从屌丝到架构师的飞越(JavaScript篇)-JavaScri

作者: 走着别浪 | 来源:发表于2019-10-04 11:17 被阅读0次

    一、介绍

    这节课呢,我们来了解的是JavaScript JSON对象增删改查,

    对象:对象作为一种复杂数据类型,表示的是一组无序的键值对儿。而每个键值对儿中的值可以是简单值,也可以是复杂数据类型的值。

    JSON对象需要注意几点:

    1)没有声明变量,JSON中没有变量的概念。

    2)没有末尾的分号,因为它不是JavaScript语句。

    3)对象的属性名必须加双引号,单引号会导致语法错误。

    4)同一个对象中绝对不允许出现两个相同的属性名。

    二、知识点介绍

    1、对象语法

    2、访问对象值

    3、循环对象

    4、嵌套JSON对象

    5、修改值

    6、删除对象属性

    三、上课对应视频的说明文档

    1、对象语法

    实例

    { "name":"runoob", "alexa":10000, "site":null }

    JSON 对象使用在大括号({})中书写。

    对象可以包含多个 key/value(键/值)对。

    key 必须是字符串,value 可以是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null)。

    key 和 value 中使用冒号(:)分割。

    每个 key/value 对使用逗号(,)分割。

    2、访问对象值

    你可以使用点号(.)来访问对象的值:

    实例

    var myObj, x; myObj = { "name":"runoob", "alexa":10000, "site":null };

    x = myObj.name;

    你也可以使用中括号([])来访问对象的值。

    实例

    var myObj, x; myObj = { "name":"runoob", "alexa":10000, "site":null };

    x = myObj["name"];

    3、循环对象

    你可以使用 for-in 来循环对象的属性:

    实例

    var myObj = { "name":"runoob", "alexa":10000, "site":null }; for (x in

    myObj) { document.getElementById("demo").innerHTML += x + "<br>"; }

    在 for-in 循环对象的属性时,使用中括号([])来访问属性的值:

    实例

    var myObj = { "name":"runoob", "alexa":10000, "site":null }; for (x in

    myObj) { document.getElementById("demo").innerHTML += myObj[x] + "<br>"; }

    4、嵌套 JSON 对象

    JSON 对象中可以包含另外一个 JSON 对象:

    实例

    myObj = { "name":"runoob", "alexa":10000, "sites": { "site1":"www.runoob.com", "site2":"m.runoob.com", "site3":"c.runoob.com" } }

    你可以使用点号(.)或者中括号([])来访问嵌套的 JSON 对象。

    实例

    x = myObj.sites.site1; // 或者 x = myObj.sites["site1"];

    var myObj={"name":"张三丰","age":100,"address":"武当山","obj":{"name":"张无忌","age":20,"address":"光明顶"}};

    遍历嵌套循环

    for(x in myObj){

    document.write(myObj[x]+"<br>");

    //document.write(x+"<br>");

    if(x=="obj"){

    for(j in myObj[x]){

    document.write(myObj[x][j]+"<br>");

    }

    }

    }

    5、修改值(如果.的属性不存在就会新增)

    你可以使用点号(.)来修改 JSON 对象的值:

    实例

    myObj.sites.site1 = "www.google.com";

    你可以使用中括号([])来修改 JSON 对象的值:

    实例

    myObj.sites["site1"] = "www.google.com";

    6、删除对象属性

    我们可以使用 delete 关键字来删除 JSON 对象的属性:

    实例

    delete myObj.sites.site1;

    你可以使用中括号([])来删除 JSON 对象的属性:

    实例

    delete myObj.sites["site1"]

    相关文章

      网友评论

          本文标题:从屌丝到架构师的飞越(JavaScript篇)-JavaScri

          本文链接:https://www.haomeiwen.com/subject/duxiuctx.html