JSON.parse和json.stringify使用

前端之家收集整理的这篇文章主要介绍了JSON.parse和json.stringify使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
https://developer.mozilla.org/zhCN/docs/Web/JavaScript/Reference/Global_Objects/JSON
https://developer.mozilla.org/zhCN/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse
https://developer.mozilla.org/zhCN/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

1. JSON.parse() 方法将一个 JSON字符串解析成一个javascript值。

语法:JSON.parse(text[,reviver])

  • text:必需, 一个有效的 JSON 字符串。

  • reviver: 可选,一个转换结果的函数, 将为对象的每个成员调用函数

  • JSON属性名称必须用双引号包裹;最后一个属性后面不能有逗号。

  • 若被解析的 JSON 字符串是非法的,则会抛出 一个语法错误 异常。

  • JSON.parse() 不允许用逗号作为结尾

JSON.parse('{}');              // {}
JSON.parse('true');            // true
JSON.parse('"foo"');           // "foo"
JSON.parse('[1,5,"false"]'); // [1,"false"]
JSON.parse('null');            // null
JSON.parse('{name:tom}');      //Unexpected token 
JSON.parse('{name:"tom"}');    //Unexpected token 
JSON.parse('{"name":tom}');    //Unexpected token 
JSON.parse('{"age":undefined}');//Unexpected token 
JSON.parse('{"name":"tom"}');  //{name: "tom"}
JSON.parse('{"age":10}');      //{age: 10}
JSON.parse('{"age":null}');     //{age: null}
var str='{"p": 5}';
JSON.parse(str,function (k,v) {
    if(k === '') return v;     // 如果到了最顶层,则直接返回属性值,
    return v * 2;              // 否则将属性值变为原来的 2 倍。
});                            // { p: 10 }

var str2='{"1": 1,"2": 2,"3": {"4": 4,"5": {"6": 6}}}';
JSON.parse(str2,v) {
    console.log(k); // 输出当前的属性名,从而得知遍历顺序是从内向外的,
                    // 最后一个属性名会是个空字符串。
    return v;       // 返回原始属性值,相当于没有传递 reviver 参数。
});

// 1
// 2
// 4
// 6
// 5
// 3 
// ""

2. eval()

函数可计算某个字符串,并执行其中的的 JavaScript 代码

eval('alert(1+2)'); //弹出 3

3. JSON.stringify()

语法:JSON.stringify(value[,replacer [,space]])

  • value:一个有效的 JSON 字符串。
    replace:(可选)

  • 如果该参数是一个函数,则在序列化过程中,被序列化的值的每个属性都会经过该函数的转换和处理;

  • 如果该参数是一个数组,则只有包含在这个数组中的属性名才会被序列化到最终的 JSON 字符串中;

  • 如果该参数为null或者未提供,则对象所有的属性都会被序列化;

  • space:(可选)

  • 如果参数是个数字,它代表有多少的空格;上限为10。改值若小于1,则意味着没有空格;

  • 如果该参数没有提供(或者为null)将没有空格;

JSON.stringify({});                        // '{}'
JSON.stringify(true);                      // 'true'
JSON.stringify("foo");                     // '"foo"'
JSON.stringify([1,"false",false]);       // '[1,false]'
JSON.stringify({ x: 5 });                  // '{"x":5}'
JSON.stringify([new Number(1),new String("false"),new Boolean(false)]);//"[1,false]"

JSON.stringify({x: 5,y: 6});            //"{"x":5,"y":6}"
JSON.stringify({x: 5,y: 6,z:7},["x","y"]); //"{"x":5,function(x,y){for(var i in y){console.log(y[i])}});//5,6,7 
JSON.stringify({x: 5,y: 6},null);        //"{"x":5,null,3);     // 空3格
JSON.stringify({x: 5,null);  //没有空格
原文链接:https://www.f2er.com/json/289104.html

猜你在找的Json相关文章