现在JSON格式在web开发中越来越受重视,特别是在使用ajax开发项目的过程中,经常需要将json格式的字符串返回到前端,前端解析成JS对象(JSON ),ECMA-262(E3)中没有将JSON概念写到标准中,还好在 ECMA-262(E5)中JSON的概念被正式引入了,包括全局的JSON对象和Date的toJSON方法。

在很多时候,我们的需要将类似 json 格式的字符串数据转为json,

下面将介绍日常中使用的三种解析json字符串的方法

 1.首先,我们先看一下什么是 json 格式字符串数据,很简单,就是 json 字符串化,在json 最外加单/双号变为字符串数据     

1 var str=\'{"name":"Mike","sex":"女","age":"29"}\';
2 var t2="[{name:\'lisi\',age:\'30\'},{name:\'wangwu\',age:\'16\'},{name:\'tianqi\',age:\'7\'}] "

   2.我们用Object.prototype.toString.call() 来检测数据类型

1 console.log(Object.prototype.toString.call(str));//[object String]
2 console.log(Object.prototype.toString.call(t2));//[object String]

 

第一种方法:evel();

   特点:安全性底,不建议使用,单个JSON对象时要加括号,JSON数组就不需要了

      示例:

var evajson  =eval(\'(\'+str+\')\');
var evajsarr = eval(t2);    

  转换后,再使用Object.prototype.toString.call() 来检测转换后的数据类型

1 console.log(Object.prototype.toString.call(evajso))//[object Object]
2 console.log(Object.prototype.toString.call(evajsarr))//[object Array]

 

第二种:new Function()  

 注意:函数要有返回,所以要加“return”;

 示例:

1  var fnjson = new Function("return"+str)();
2  var fnjsonArr = new Function("return"+t2)();

 转换后,再使用Object.prototype.toString.call() 来检测转换后的数据类型

1 console.log(Object.prototype.toString.call(fnjson ))//[object Object]
2 console.log(Object.prototype.toString.call(fnjsonArr ))//[object Array]

 

第二种:JSON.parse() 

特点:主流,兼容性好,推荐

 示例:

1  var parjson =  JSON.parse(str);    
2  var parjson =  JSON.parse(t2); 

检测转后的数据类型

1  console.log(Object.prototype.toString.call(parjson ))//[object Object]
2  console.log(Object.prototype.toString.call(parjson ))//[object Array]

 

完结,谢谢。。。

参考:https://www.w3cschool.cn/json/8kjw1pl0.html

 

版权声明:本文为beyonds原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/beyonds/p/8858912.html