当前位置: 首页 > 工具软件 > JSON 2 HTML > 使用案例 >

html 怎么解析json字符串,解析Json字符串的三种方法日常常用

娄飞鸾
2023-12-01

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

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

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

var str='{"name":"Mike","sex":"女","age":"29"}';

var t2="[{name:'lisi',age:'30'},{name:'wangwu',age:'16'},{name:'tianqi',age:'7'}] ";

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

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

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

第一种方法:evel();

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

示例:

var evajson =eval('('+str+')');

var evajsarr = eval(t2);

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

console.log(Object.prototype.toString.call(evajso))//[object Object]

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

第二种:new Function()

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

示例:

var fnjson = new Function("return"+str)();

var fnjsonArr = new Function("return"+t2)();

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

console.log(Object.prototype.toString.call(fnjson ))//[object Object]

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

第三种:JSON.parse()

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

示例:

var parjson = JSON.parse(str);

var parjson = JSON.parse(t2);

检测转后的数据类型

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

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

总结

以上所述是小编给大家介绍的解析Json字符串的三种方法日常常用,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

 类似资料: