JSON.parse和JSON.stringify总结

阅读更多

        用Jquery用习惯了，老是用jQuery.parseJSON方法转化json对象。今天总结一下现代浏览器内置的Json处理方法，JSON.parse和JSON.stringify两个常用方法。IE8之前的就不考虑了。 

     1.JSON.parse 函数 (JavaScript)

      作用     将 JavaScript 对象表示法 (JSON) 字符串转换为对象。

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

参数

text

必需。 一个有效的 JSON 字符串。

reviver

可选。 一个转换结果的函数。 将为对象的每个成员调用此函数。 如果成员包含嵌套对象，则先于父对象转换嵌套对象。 对于每个成员，会发生以下情况：

• 如果 reviver 返回一个有效值，则成员值将替换为转换后的值。

• 如果 reviver 返回它接收的相同值，则不修改成员值。

• 如果 reviver 返回undefined，则删除成员。(我在FF和chrome下试验的是返回undefined后，会删除成员，返回null，只会赋值为null)

返回值

一个对象或数组。

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

 

例子

var jsontext = '{"firstname":"Jesper","surname":"Aaberg","thirdname":"Mike"}'; 
var contact = JSON.parse(jsontext); 
console.log(contact.surname + ", " + contact.firstname+","+contact.thirdname); 
function aa(key,v){ 
   if (key===""){ 
      return v; 
   }else{ 
      var a=""; 
      if (key=="firstname"){ 
         a = "My"+v; 
         return a; 
      }else if (key=="surname"){ 
         return undefined; 
      }else{ 
         return null; 
      } 
  } 
} 
var c=JSON.parse(jsontext,aa); 
console.log(c);

结果 

Aaberg, Jesper,Mike
Object { firstname="MyJesper", thirdname=null}

 

2.JSON.stringify() 方法

作用  可以将任意的 JavaScript 值序列化成 JSON 字符串。

语法

JSON.stringify(value[, replacer [, space]])
参数

value
       将要序列化成 JSON 字符串的值。
replacer 可选
       如果该参数是一个函数，则在序列化过程中，被序列化的值的每个属性都会经过该函数的转换和处理；如果该参数是一个数组，则只有包含在这个数组中的属性名才会被序列化到最终的 JSON 字符串中。关于该参数更详细的解释和示例，请参考使用原生的 JSON 对象一文。
space 可选
       指定缩进用的空白字符串，用于美化输出（pretty-print）。

例子

var b = {"firstname":"mike","lastname":"jackson"};
 console.log(JSON.stringify(b));
 console.log(JSON.stringify(b,null," "));
 console.log(JSON.stringify(b,function(k,v){
  if (k===""){
   return v;
  }
  if (k=="firstname"){
   return "My"+v;
  }
 }));
 console.log(JSON.stringify(b,function(k,v){
  if (k===""){
   return v;
  }
  if (k=="firstname"){
   return "My"+v;
  }
 },"\t"));

结果 

{"firstname":"mike","lastname":"jackson"}
{
  "firstname": "mike",
  "lastname": "jackson"
}
{"firstname":"Mymike"}
{
 "firstname": "Mymike"
}



  

这编辑器实在是太难用了。。。。。