JSON:结构化数据格式_气质_前端开发者

  JSON是javascript的子类,也是作为更好的互联网传输结构化数据格式逐渐取代XML,因此要理解JSON,重要的是理解它是一种数据格式,不是一种编程语言。

  JSON是javascript的子类,也是作为更好的互联网传输结构化数据格式逐渐取代XML,因此要理解JSON,重要的是理解它是一种数据格式,不是一种编程语言。
JSON是javascript的子类,也是作为更好的互联网传输结构化数据格式逐渐取代XML,因此要理解JSON,重要的是理解它是一种数据格式,不是一种编程语言。

  语法

  语法  

  

  

//javascript

var object = {
    "name":"lihua",
    "age":"20",
    "gender":undefined
}

//JSON

{
    "name":"lihua",
    "age":"20",
}

//javascript

var object = {
    "name":"lihua",
    "age":"20",
    "gender":undefined
}

//JSON

{
    "name":"lihua",
    "age":"20",
}

//javascriptvar {
,
,:undefined
}

//JSON
{
,
,
}

 

由于JSON是数据格式,所以没有变量的概念,同时键值必须使用双引号。

  JSON的stringify与parse方法(序列化与解序)

JSON的stringify与parse方法(序列化与解序)

  早期的JSON解析器基本上都使用了eval()函数,但是可能会执行恶意代码(eval函数可以解析,解释并返回js对象。ECMASCRIPT 5再后来规范了JSON行为,定义了全局对象JSON,并添加了两个JSON方法:stringify()和parse()。

  早期的JSON解析器基本上都使用了eval()函数,但是可能会执行恶意代码(eval函数可以解析,解释并返回js对象。ECMASCRIPT 5再后来规范了JSON行为,定义了全局对象JSON,并添加了两个JSON方法:stringify()和parse()。早期的JSON解析器基本上都使用了eval()函数,但是可能会执行恶意代码(eval函数可以解析,解释并返回js对象。ECMASCRIPT 5再后来规范了JSON行为,定义了全局对象JSON,并添加了两个JSON方法:stringify()和parse()。

  

    

var person = {
    name:"lihua",
    age:"18",
    hobby:[
        "basketball",
        "badminton"
    ],
    action:function(){
         alert("help")
    }  
}

var jsonText = JSON.stringify(book)
//{"name":"lihua","age":"18","hobby":["basketball","badminton"]}

var jsText = JSON.parse(jsonText);
var person = {
    name:"lihua",
    age:"18",
    hobby:[
        "basketball",
        "badminton"
    ],
    action:function(){
         alert("help")
    }  
}

var jsonText = JSON.stringify(book)
//{"name":"lihua","age":"18","hobby":["basketball","badminton"]}

var jsText = JSON.parse(jsonText);

var {
name:
,
age:
,
hobby:[
,

],
action:
function(){
alert(
)
}
}

var JSON.stringify(book)
//{“name”:”lihua”,”age”:”18″,”hobby”:[“basketball”,”badminton”]}var

 在序列化时,函数与原型对象成员都将被忽略(JSON只接受两种复杂类型对象与数组),值为undefined的属性值也会被跳过。

 序列化选项与结构化选项

  

var person = {
    name:"lihua",
    age:"18",
    hobby:[
        "basketball",
        "badminton"
    ]
}
//stringify第二个参数为过滤项
var jsonText1 = JSON.stringify(person,["name","hobby"]);
//{"name":"lihua","hobby":["basketball","badminton"]}
var jsonText2 = JSON.stringify(person,function(key,value){
    switch(key){
        case "name":
            return "zhoujielun";
        case "age":
            return 17;
        case "hobby":
            return value.join(",")
        default:
            return value
    }
});
//{"name":"zhoujielun","age":17,"hobby":"basketball,badminton"}

//stringify第三个参数为字符串缩进
var jsonText3 = JSON.stringify(person,null,"--");
// {
//     --"name": "lihua",
//     --"age": "18",
//     --"hobby": [
//     ----"basketball",
//     ----"badminton"
//     --]
// }

//JSON.parse与stringify相同
var person = {
    name:"lihua",
    age:"18",
    hobby:[
        "basketball",
        "badminton"
    ]
}
//stringify第二个参数为过滤项
var jsonText1 = JSON.stringify(person,["name","hobby"]);
//{"name":"lihua","hobby":["basketball","badminton"]}
var jsonText2 = JSON.stringify(person,function(key,value){
    switch(key){
        case "name":
            return "zhoujielun";
        case "age":
            return 17;
        case "hobby":
            return value.join(",")
        default:
            return value
    }
});
//{"name":"zhoujielun","age":17,"hobby":"basketball,badminton"}

//stringify第三个参数为字符串缩进
var jsonText3 = JSON.stringify(person,null,"--");
// {
//     --"name": "lihua",
//     --"age": "18",
//     --"hobby": [
//     ----"basketball",
//     ----"badminton"
//     --]
// }

//JSON.parse与stringify相同

var {
name:
,
age:
,
hobby:[
,

]
}
//stringify第二个参数为过滤项var]);
//{“name”:”lihua”,”hobby”:[“basketball”,”badminton”]}varfunction(key,value){
switch(key){
case:
return;
case:
return;
case:
return)
default:
return value
}
});
//{“name”:”zhoujielun”,”age”:17,”hobby”:”basketball,badminton”}//stringify第三个参数为字符串缩进varnull);
// {
//
–“name”: “lihua”,
//
–“age”: “18”,
//
–“hobby”: [
//
—-“basketball”,
//
—-“badminton”
//
–]
//
}

//JSON.parse与stringify相同

 

» 本文来自:前端开发者 » 《JSON:结构化数据格式_气质_前端开发者》
» 本文链接地址:https://www.rokub.com/73244.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!