JSON.parse和JSON.stringify 参数详解

JSON.parse和JSON.stringify这两个浏览器自带(IE6/7除外)的方法平常我们经常用到,但是一般都只是用到了他们的第一个参数,比如字符串转对象:JSON.parse(‘{}‘)   对象转字符串:JSON.stringify({})

今天特意看了下这两个方法的定义,第二个可选参数也是非常有用。

1. JSON.parse(text[, reviver])

text :     要被解析成JSON对象的字符串

reviver : 如果是一个函数,则规定了原始值如何被解析改造,在被返回之前。 function(key, value){ return value;}

如果指定了 reviver 函数,则解析出的 JavaScript 值(解析值)会经过一次转换后才将被最终返回(返回值)

按照key的顺序从左到右,如果value为对象则先遍历对象里的属性,最里层的属性先开始,一级级往外,最终到达顶层,也就是解析值本身分别的去调用 reviver 函数

如果 reviver 返回 undefined,则当前属性会从所属对象中删除,比如:

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

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

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

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

value :       要转换的值

replacer : 可选参数,只能为函数或数组。

如果replacer是函数则表示转换前每个属性会先调用该函数。function(key, value){ return value;}  如果此函数返回 undefined,则排除该成员。和                                 JSON.parse一样根对象的键是一个空字符串:""。

如果 replacer 是一个数组,则仅转换该数组中具有键值的成员。    成员的转换顺序与键在数组中的顺序一样。    当 value 参数也为数组时,将忽略 replacer 数组。

space    : 可选。向返回值 JSON 文本添加缩进、空格和换行符以使其更易于读取。

如果 space 是一个数字,则返回值文本在每个级别缩进指定数目的空格。    如果 space 大于 10,则文本缩进 10 个空格。

如果 space 是一个非空字符串(例如“\t”),则返回值文本在每个级别中缩进字符串中的字符。

如果 space 是长度大于 10 个字符的字符串,则使用前 10 个字符。

如果 value 具有 toJSON 方法,则 JSON.stringify 函数将使用该方法的返回值。    如果 toJSON 方法的返回值为 undefined,则不转换成员,这使对象能够确定自己的 JSON 表示形式。将不会转换不具有 JSON 表示形式的值,例如 undefined。    在对象中,将丢弃这些值。    在数组中,会将这些值替换为 null。

字符串值以引号开始和结束。    所有 Unicode 字符可括在引号中,但必须使用反斜杠进行转义的字符除外。    以下字符的前面必须是反斜杠:

  • 引号 (")
  • 反斜杠 (\)
  • 退格键 (b)
  • 换页符 (f)
  • 换行符 (n)
  • 回车符 (r)
  • 水平制表符 (t)
  • 四个十六进制数字 (uhhhh)

在序列化过程中,如果 value 参数对应有 toJSON 方法,则 JSON.stringify 将首先调用 toJSON 方法。    如果该方法不存在,则使用原始值。    接下来,如果提供 replacer 参数,则该值(原始值或 toJSON 返回值)将替换为 replacer 参数的返回值。    最后,根据可选 space 参数向该值添加空格以生成最终的 JSON 文本。

eg:第二个参数为数组

var contact = {};
contact.firstname = "Jesper";
contact.surname = "Aaberg";
contact.phone = ["555-0100", "555-0120"]; 

var memberfilter = [];
memberfilter[0] = "surname";
memberfilter[1] = "phone";
var jsonText = JSON.stringify(contact, memberfilter, "\t");
document.write(jsonText);
// Output:
// { "surname": "Aaberg", "phone": [ "555-0100", "555-0120" ] }

第二个参数为函数:

var continents = [];
continents[0] = "Europe";
continents[1] = "Asia";
continents[2] = "Australia";
continents[3] = "Antarctica";
continents[4] = "North America";
continents[5] = "South America";
continents[6] = "Africa"; 

var jsonText = JSON.stringify(continents, replaceToUpper); 

function replaceToUpper(key, value) {     if (key==‘‘) {return value;} //默认会将整个对象传进来,先过滤掉
    return value.toString().toUpperCase();
} 

//Output:
// "EUROPE,ASIA,AUSTRALIA,ANTARCTICA,NORTH AMERICA,SOUTH AMERICA,AFRICA" 

对象含有toJSON属性

var contact = {};
contact.firstname = "Jesper";
contact.surname = "Aaberg";
contact.phone = ["555-0100", "555-0120"]; 

contact.toJSON = function()
 {
    var replacement = {};
    for (var val in this)  //当前属性所属的对象会作为 this 值
    {
        if (typeof (this[val]) === ‘string‘)
            replacement[val] = this[val].toUpperCase();
        else
            replacement[val] = this[val]
    }
    return replacement;
}; 

var jsonText = JSON.stringify(contact);
document.write(jsonText); 

// Output:
‘{"firstname":"JESPER","surname":"AABERG","phone":["555-0100","555-0120"]}‘ 

如果对象有toJSON属性方法,而且第二个参数又是函数,则会先调用对象的toJSON属性方法,然后把返回的值再调用第二个函数参数,最后得到的值即为JSON.stringify返回的值:

var a = {
    ‘a‘: ‘aa‘,
    ‘aa‘: ‘aaa‘,
    ‘toJSON‘: function() {
        var obj = {};
        for (var i in this) {   //toJSON属性也会加进来
            obj[i] = this[i] + ‘xxx‘
        }
        return obj;
    }
};
var b = JSON.stringify(a,
function(k, v) {
    if (k == ‘‘) {
        return v;
    } else {
        return v + ‘ddd‘
    }
});
console.log(b)
//输出:
{
    "a": "aaxxxddd",
    "aa": "aaaxxxddd",
    "toJSON": "function (){var obj={};for(var i in this){obj[i]=this[i]+‘xxx‘ } return obj;}xxxddd"
}

参考:

https://technet.microsoft.com/zh-cn/sysinternals/cc836459

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse

时间: 2024-10-19 16:16:53

JSON.parse和JSON.stringify 参数详解的相关文章

js中解析json对象:JSON.parse()用于从一个字符串中解析出json对象, JSON.stringify()用于从一个对象解析出字符串。

JSON.parse()用于从一个字符串中解析出json对象. var str = '{"name":"huangxiaojian","age":"23"}' ; JSON.parse(str); // age: "23" name: "huangxiaojian" 2.JSON.stringify()用于从一个对象解析出字符串. var a = {a:1,b:2 }; JSON.str

有关javascript中的JSON.parse和JSON.stringify的使用一二

有没有想过,当我们的大后台只是扮演一个数据库的角色,json在前后台的数据交换中扮演极其重要的角色时,作为依托node的前端开发,其实相当多的时间都是在处理数据,准确地说就是在处理逻辑和数据(这周实习最大的收获). 而对于依托json格式传输的数据,处理数据时,用到JSON.strinify和JSON.parse的概率是百分之百.使用这两个方法so easy,但是你真的知道其中一些相关的细节以及其中牵涉到的javascript的知识么? JSON.parse用于从一个字符串中解析出json对象.

浅谈JSON.parse()、JSON.stringify()和eval()的作用

相信大家对于JSON应该不陌生,度娘对这个名词的解释大致如下: “JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript的一个子集.因为采用独立于语言的文本格式,也使用了类似于C语言家族的习惯,拥有了这些特性使JSON成为理想的数据交换语言,作用是易于人阅读和编写,同时也易于机器解析和生成(一般用于提升网络传输速率).” 今天在这里笔者想简单谈谈jquery里面的JSON.parse()和JSON.stringify()函数,顺便

JSON.parse()和JSON.stringify() 用法

parse 从字符串解析出json对象: var data = '{"a":1,"b":2}'; JSON.parse(data); 返回Object a:1 b:2 _proto_:Object stringify从json对象解析出字符串: var data = {a:1,b:2} JSON.stringify(data) 返回: '{"a":"1","b":"2"}' JSON.p

JSON.parse()和JSON.stringify()使用

JSON.parse()用于从一个字符串中解析出json对象,如 var str = '{"name":"huangxiaojian","age":"23"}' 结果: JSON.parse(str) Object age: "23" name: "huangxiaojian" __proto__: Object 注意:单引号写在{}外,每个属性名都必须用双引号,否则会抛出异常. str

JSON.parse()与JSON.stringify()的区别

JSON.parse()[从一个字符串中解析出json对象] 例子: //定义一个字符串 var data='{"name":"goatling"}' //解析对象? ?JSON.parse(data) 结果是: ?name:"goatling" JSON.stringify()[从一个对象中解析出字符串] var data={name:'goatling'} JSON.stringify(data) 结果是: '{"name"

JSON.parse() 和 JSON.stringify()的简单介绍

参考地址: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify 最近一段时间在测试前端页面的时候, 需要对后台数据进行处理, 后台返回的数据基本都是json格式, 这里就要用到

JSON.parse()与JSON.stringify()高级用法

JSON.parse()与JSON.stringify是将JSON对象与字符串互相转换的方法,它们还有一些参数可以让我们在实际应用中更加方便,现在介绍一下它们的高级用法 JSON.parse() JSON.parse(jsonString, (key, value) => {}) 可以接受两个参数,第一个就是我们已经熟悉的json字符串,第二个是一个回调函数,我们可以对返回的每一个value做处理,然后返回对应的value const testJSON = { name: 'test', val

秒懂JSON.parse()与JSON.stringify()的区别

在网站开发中,Json是最为常见的一种数据交互手段.在使用过程中,常会遇到Json字段串和对象之间进行转换.很多朋友对于JSON.parse() 和JSON.stringify() 的区别,下面为大家解讲一下! JSON.parse()[从一个字符串中解析出json对象] 例子: //定义一个字符串 var data='{"name":"goatling"}' //解析对象? ?JSON.parse(data) 结果是: ?name:"goatling&q