欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

解析Json字符串的三种方法

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

在很多时候,我们的需要将类似 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