JSON.parse()和JSON.stringify的介绍和使用方法

发布时间：2020-12-16 18:52:21 所属栏目：百科来源：网络整理

导读：在交互的过程中我们前端和后台数据的交互方式主要通过JSON方式,下面来介绍下JSON.parse()和JSON.stringify()的使用情况和效果 JSON.parse()将JSON转换成javascript的值或对象；可以提供可选的reviver函数以在返回之前对所得到的对象执行变换。语法： JSON

在交互的过程中我们前端和后台数据的交互方式主要通过JSON方式,下面来介绍下JSON.parse()和JSON.stringify()的使用情况和效果

JSON.parse()将JSON转换成javascript的值或对象；可以提供可选的reviver函数以在返回之前对所得到的对象执行变换。

语法：

		JSON.parse(text[,reviver])

` 参数介绍：

text表示要被转化成javascript的字符串

reviver | 可选如果是函数则规定了原始值是如何被解析和改造，在被改造之前

返回值为Object对应json内容

异常：若解析的json字符串是非法的则会返回一个语法错误

实例：

	JSON.parse('{}');              // {}
	JSON.parse('true');            // true
	JSON.parse('"foo"');           // "foo"
	JSON.parse('[1,5,"false"]'); // [1,"false"]
	JSON.parse('null');            //

带有reviver函数的例子

JSON.parse('{"p": 5}',function (k,v) {
    if(k === '') return v;     // 如果到了最顶层，则直接返回属性值，
    return v * 2;              // 否则将属性值变为原来的 2 倍。
});                            // { p: 10 }

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

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

JSON.stringify()方法将一个 JavaScript 值转换为一个 JSON 字符串，如果指定了一个 replacer 函数，则可以替换值，

或者如果指定了一个 replacer 数组，可选地仅包括指定的属性。

语法：

JSON.stringify(value[,replacer[,space]]

value

将要序列化成一个JSON 字符串的值。

replacer 可选

如果该参数是一个函数，则在序列化过程中，被序列化的值的每个属性都会经过该函数的转换和处理；如果该参数是一个数组，则只有包含在这个数组中的属性名才会被序列化到最终的 JSON 字符串中；如果该参数为null或者未提供，则对象所有的属性都会被序列化；关于该参数更详细的解释和示例，请参考使用原生的 JSON 对象一文。

space 指定缩进用的空白字符串，用于美化输出（pretty-print）；如果参数是个数字，它代表有多少的空格；上限为10。该值若小于1，则意味着没有空格；如果该参数为字符串(字符串的前十个字母)，该字符串将被作为空格；如果该参数没有提供（或者为null）将没有空格。

返回值

一个表示给定值的JSON字符串。

可以参照下面的例子

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({x: 5,y: 6});              
// "{"x":5,"y":6}"

JSON.stringify([new Number(1),new String("false"),new Boolean(false)]); 
// '[1,false]'

JSON.stringify({x: undefined,y: Object,z: Symbol("")}); 
// '{}'

JSON.stringify([undefined,Object,Symbol("")]);          
// '[null,null,null]' 

JSON.stringify({[Symbol("foo")]: "foo"});                 
// '{}'

JSON.stringify({[Symbol.for("foo")]: "foo"},[Symbol.for("foo")]);
// '{}'

JSON.stringify(
    {[Symbol.for("foo")]: "foo"},v) {
        if (typeof k === "symbol"){
            return "a symbol";
        }
    }
);


// undefined 

// 不可枚举的属性默认会被忽略：
JSON.stringify( 
    Object.create(
        null,{ 
            x: { value: 'x',enumerable: false },y: { value: 'y',enumerable: true } 
        }
    )
);

// "{"y":"y"}"

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!