您的位置:首页 > Web前端 > JavaScript

JavaScript学习之JSON常用方法

2018-02-15 05:45 316 查看

javascript中JSON语法有三种表示方法:

* 简单值     "hello json"
* 对象        {"name":"jack"}
* 数组        [{"aaa":"bbb"},{"ccc":"ddd"}]    
JSON常用的两个方法:
1.stringify()
2.parse()
*stringify用法:

用法一: 把javascript对象转化成JSON格式:
得到结果:
  

用法二:把javascript对象转化成JSON格式,增加过滤,只留想要的数据
var demo = {
    "name":"aaa",
    "sex":"boy",
    "age": 20
}
var jsonDemo = JSON.stringify(demo,["name"]);
console.log(jsonDemo);

得到结果:
{"name":"aaa"}
  用法三:把javascript对象转化成JSON格式,并改变原有的值var demo = {
"name":"aaa",
"sex":"bbb",
"type":"ccc"
}
var jsonDemo = JSON.stringify(demo,function (key, value) {
switch(key){
case "name": return "a";
case "sex": return "b";
default: return value;
}
});
console.log(jsonDemo);
得到结果:
{"name":"a","sex":"b","type":"ccc"}
 用法四:把javascript对象转化成JSON格式,并控制缩进和空白符var book = {
"title": "aaa",
"type": "bbb",
"page": 50
}
var jsonBook = JSON.stringify(book,null,"$$");
console.log(jsonBook);

得到结果:
{
$$"title": "aaa",
$$"type": "bbb",
$$"page": 50
}
该方法第三个参数如果为数字,那么就是每个属性前面缩进的字符数。 *parse()方法

用法一:把JSON转化成javascript格式, 用来解析JSON字符串,构造由字符串描述的JavaScript值或对象。
var book = '{"title":"aaa", "type":"bbb", "page":"50"}';
var demo = JSON.parse(book);
console.log(demo);
得到结果:
demo.html:11 {title: "aaa", type: "bbb", page: "50"}
 用法二:把JSON转化为javascript过程中,改变原有的值
var book = '{"title":"aaa", "type":"bbb", "page":50}';
var demo = JSON.stringify(book);
var javascriptDemo = JSON.parse(demo, function (key, value) {
switch (key) {
case "title": return "bbbbbb";
default: return value;
}
});
console.log(javascriptDemo);
 得到结果:
{"title":"aaa", "type":"bbb", "page":50}
以上是今天介绍的JSON语法和方法
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐