对于JSON对象的属性与属性值的简单操作

一：下面是一个 包含几个属性的简单JSON对象：

（1）：

var myObj={
    "name":"wang",
    "url":"https://endl.club",
    "site":"123465"
}

以下我们通过点"."与中括号"[]"来操作JSON对象

//通过点的方式来访问JSON对象中的属性值；
console.log(myObj.name);
console.log(myObj.url);
console.log(myObj.site);

//通过中括号来访问JSON对象中的属性值
console.log(myObj["name"]);//注意中括号里的属性名用双引号括起来
console.log(myObj["url"]);
console.log(myObj["site"]);

下面我们对于对象的属性进行循环：

//循环对象的属性
for(i in myObj){
    console.log("myObj对象的属性："+i);
}

//（错误方法实例）循环对象的属性值,测试是否能使用点来访问，（测试结果不能）
for(i in myObj){
    console.log("使用点访问的属性值："+myObj.i);//不能访问出结果，不能使用点在循环中访问属性值 ；
}

//循环对象的属性时，测试使用中括号来访问中括号的值
for(i in myObj){
    console.log("使用中括号访问JSON的属性值:"+myObj[i]);
}

（2）：下面是一个嵌套的JSON对象

{
    "name":"wangshicheng",
    "age":20,
    "sex":"man",
    "sites":{
        "site1":"www.baidu.com",
        "site2":"www.hao123.com",
        "site3":"www.souhu.com"
    }
}

 

我们通过点"."与中括号"[]"来操作嵌套的JSON对象

//使用点或者中括号来访问嵌套的JOSN对象
console.log("使用点访问的JSON中嵌套的JSON对象属性值："+myObj.sites.site1);
console.log("使用点访问的JSON中嵌套的JSON对象的属性值："+myObj.sites.site2);
console.log("使用点访问的JSON中的嵌套的JSON对象的属性值："+myObj.sites.site3);

//使用中括号访问嵌套的JSON对象
console.log("使用中括号访问的JSON中的嵌套的JSON对象的属性值："+myObj.sites["site1"]);
console.log("使用中括号访问的JSON中的嵌套的JSON对象的属性值："+myObj.sites["site2"]);
console.log("使用中括号访问的JSON中的嵌套的JSON对象的属性值："+myObj.sites["site3"]);

我们通过点"."与中括号"[]"来修改嵌套的JSON对象的属性值

//修改值(通过点修改的)
myObj.sites.site2="haErBin";
console.log(myObj.sites.site2);

//修改值（通过中括号进行修改）
myObj.sites["site1"]="hello world!";
console.log(myObj.sites["site1"]);

我们通过点"."与中括号"[]"来删除嵌套的JSON对象的属性值

//(删除对象的属性；(通过点进行删除)
console.log("删除属性前："+myObj.name);
delete myObj.name;
console.log("删除属性后："+myObj.name);

//删除对象的属性（通过中括号进行删除）
console.log("删除对象属性前："+myObj["sex"]);
delete myObj["sex"];
console.log("删除对象属性后："+myObj["sex"]);

console.log(myObj["sites"]["site1"]);
delete myObj["sites"]["site1"];
console.log(myObj["sites"]["site1"]);

console.log(myObj.sites.site2);
delete myObj.sites.site2;//注意在删除属性的时候，要删除哪个属性就在delete
//关键字后面加上哪个属性；
console.log(myObj.sites.site2);

三：JSON数组的操作

（1）下面是一个简单的JSON数组

var myObj={
    "name":"网站",
    "num":3,
    "sites":["Google","Endl","baidu"]
}

循环JSON数组（分别使用for-in语句，for语句）

//循环数组(for-in)
for(i in myObj.sites){
    console.log(myObj.sites[i]);
}

//循环数组（for语句）
for(var i=0;i<myObj.sites.length;++i){
    console.log(myObj.sites[i]);
}

（2）：下面是一个嵌套的JSON数组

var myObj={
    "name":"网站",
    "num":2,
    "sites":[
        {"name":"Goole","infor":["Android","Goole搜索","Goole翻译"]},
        {"name":"baidu","infor":["123","456","789"]},
        {"name":"Endl","infor":["age","sex","height"]}
    ]
}

循环JSON对象中的数组（分别使用for-in语句与for语句）

//循环JSON对象的中的数组（for-in循环）
for(i in myObj.sites){//这里循环的是sites
    for(j in myObj.sites[i].infor){//注意你循环的是谁，这里是infor
        console.log(myObj.sites[i].infor[j]);
    }
}

//循环JSON对象中的数组（for语句循环）
for(var i=0;i<myObj.sites.length;++i){
    console.log("这是第"+(i+1)+"次循环");
    for(var j=0;j<myObj.sites[i].infor.length;++j){
        console.log(myObj.sites[i].infor[j]);
    }
}

三：下面是我的一些总结：

*使用JSOn:
读取JSON字符串
用eval()处理JSON字符串

*JSON语法规则
数据在名称/值对中
数据由逗号分隔
大括号保存对象
中括号保存数组

*JSON名称/值对
JSON数据的书写格式是 ：名称/值对；
名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值；
"name":"wangshicheng"
等价于javascript语句：name="wanchicheng";

*JOSN值：
数字（整数或者浮点数）
字符串（在双引号中）
逻辑值（true或者false）
数组（在中括号中）
对象（在大括号中）
null

*JSON数字
JSON数字可以是整形或者浮点型；
{"age":30}

*JOSN对象
JSON对象在大括号({})中书写
对象可以包含多个名称/值对
{"name":"wangshicheng","url":"https://endl.club"}
等价于javascript语句：
name="wangshicheng"
url="https://endl.club"

*JSON数组
JOSN数组在中括号中书写
数组可以包含多个对象
//注意写法
{
    "sites":[
        {"name":"wang","url":"123465"},
        {"name":"shi","url":"789465"},
        {"name":"cheng","url":"456132"}
    ]
}

*JSON的布尔值
JOSN布尔值可以是true或者false；
{"flag":true}

*JOSN null
JOSN可设置null值
{"wang":null}

*JSON文件
JSON文件的文件类型是".json"
JOSN文本的MIME类型是"application/json"

*JSON对象的对象语法
JSON对象在大括号中书写
对象可以包含多个key/value（键值对）
Key必须是字符串，value可以是合法的JSON数据类型（字符串，数字，布尔值，null,对象，数组）
key和value中使用冒号（：）分割
每个key/value（键值对）使用逗号分隔；

*JOSN对象访问对象值
（1）：使用点的方式访问
var myObj,x;
myObj={"name":"wang","site":"https://endl.club"};
x=myObj.name;
（2）：使用[]的方式访问
var myObj,x;
var myObj={"name":"shicheng","site":"https://endl.club"};
x=myObj["name"];

*循环对象
（1）：使用for-in来循环对象的属性，使用点的方式访问
var myObj={"name":"wangshicheng","url":"htpps://endl.club"};
for(x in myObj){
    document.getElementById('demo').innerHTMl+=x+"<br>";
}

(2):使用for-in循环对象的属性时，使用中括号[]来访问属性的值
var myObj={"name":"wang","url":"https://endl.club"};
for(x in myObj){
    document.getElementById('demo').innerHTMl+=myObj[x]+"<br>";
}

*嵌套JSON对象
JSON对象中可以包含另外一个JSON对象；
使用点或者中括号来访问嵌套的JSON对象
myObj={
    "name":"wang",
    "url":"https://endl.club",
    "sites":{
        "site1":"1233",
        "site2":"46565",
        "site3":"79898"
    }
}
//访问方式
x=myObj.sites.site1;
y=myObj.sites.["site2"];

*修改JSON对象的值
//使用点来修改JSON对象的值
myObj.sites.site1="www.hao123.com";
//使用中括号来修改JSON对象的值
myObj.sites[site1]="www.baidu.com";

*删除对象的属性
//使用delete关键字来删除JSON对象的属性；
delete myObj.sites.site1;
//使用 中括号来删除JSON对象的属性
delete myObj.sites["site1"]；