字符串转换成JSON的三种方式

2021年1月11日 | by tgcode

　　采用Ajax的项目开发过程中，tgcode经常需要将JSON格式的字符串返回到前端，前端解析成JS对象（JSON ）。
　　ECMA-262(E3) 中没有将JSON概念写到标准中，但在 ECMA-262(E5) 中JSON的概念被正式引入了，包括全局的JSON对象和Date的toJSON方法。

　　1，eval方式解析，恐怕这是最早的解析方式了。


function strToJson(str){
     var json = eval('(' + str + ')');
     return json;
}

　　记得str两旁的小括号哦。

　　2，new Function形式，比较怪异哦。


function strToJson(str){
    var json = (new Function("return " + str))();
    return jsontgcode;
}

　　3，使用全局的JSON对象。


function strToJson(str){
    retgcodeturn JSON.parse(str);
}

　　目前IE8(S)/Firefox3.5+/Chrome4/Safari4/Opera10 已实现了该方法。

　　使用JSON.parse需严格遵守JSON规范，如属性都需用引号引起来，如下：


var str = '{name:"jack"}';
var obj = JSON.parse(str); // --> parse error

　　name没有用引号引起来，使用JSON.parse所有浏览器中均抛异常，解析失败。而前两种方式则没问题。

相关推荐: 浏览器的渲染原理简介

　　看到这个标题大家一定会tgcode想到这篇神文《How Browsers Work》，这篇文章把浏览器的很多细节讲得很细，而且也被翻译成了中文。为什么我还想写一篇呢？因为两个原因，　　1）这篇文章太长了，阅读成本太大，不能一口气读完。　　2）花了大力气…