首頁 > web前端 > js教程 > 字符串转换成json的三种方法

字符串转换成json的三种方法

WBOY
發布: 2016-06-01 09:54:18
原創
2994 人瀏覽過

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

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

<code class="language-javascript">function strToJson(str){
   var json = eval('(' + str + ')');
   return json;
}</code>
登入後複製

记得str两旁的小括号哦。

 

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

<code class="language-javascript">function strToJson(str){
  var json = (new Function("return " + str))();
  return json;
}</code>
登入後複製

IE6/7中当字符串中含有换行(\n)时,new Function不能解析,但eval却可以。

 

3,使用全局的JSON对象。

<code class="language-javascript">function strToJson(str){
  return JSON.parse(str);
}</code>
登入後複製

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

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

<code class="language-javascript">var str = '{name:"jack"}';
var obj = JSON.parse(str); // --> parse error</code>
登入後複製

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板