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

2019-10-04  本文已影响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"]

上一篇下一篇

猜你喜欢

热点阅读