快捷導(dǎo)航

轉(zhuǎn)換字符串為json對(duì)象的方法詳解

更新時(shí)間：2013年11月29日 08:54:10 作者：

這篇文章主要介紹了轉(zhuǎn)換字符串為json對(duì)象的方法。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助

JSON是一種便于操作使用的輕量級(jí)數(shù)據(jù)交換格式。易于人閱讀和編寫(xiě)。同時(shí)也易于機(jī)器解析和生成。具體介紹請(qǐng)查看：http://www.json.org/。

很多時(shí)候我們需要組裝字符串為json對(duì)象，首先要組合字符串，然后轉(zhuǎn)換為json對(duì)象，如下面的例子：

<script type="text/javascript">
  <!--
  var a=50,b="xxx";
  var arr="{id:"+a+",name:'"+b+"'}";
  //-->
</script>

組合成了字符串a(chǎn)rr，下一步就是轉(zhuǎn)換成對(duì)象了，很快我們會(huì)想到使用eval方法，但如果這樣做轉(zhuǎn)換會(huì)出現(xiàn)錯(cuò)誤，今日偶就這樣嘗試了，那該如何轉(zhuǎn)換成json對(duì)象呢？郁悶許久，之后在json官網(wǎng)提供的json.js文件中找到了解決辦法，方法如下：

在字符串兩端再加上括號(hào)然后eval就ok了。測(cè)試代碼如下：

復(fù)制代碼代碼如下:

<script type="text/javascript">
  <!--
  var a=50,b="xxx";
  var arr="{id:"+a+",name:'"+b+"'}";
  arr=eval('('+arr+')')
  alert(arr.name);
  //-->
</script>

上面代碼執(zhí)行后會(huì)彈出“xxx”，說(shuō)明已經(jīng)成功轉(zhuǎn)換為json對(duì)象了，一個(gè)似乎很簡(jiǎn)單的問(wèn)題，不過(guò)還是郁悶了半天才解決掉，還是記到blog上以加深印象，也希望能幫助遇到此問(wèn)題的朋友早日解除郁悶。

您可能感興趣的文章:

相關(guān)文章

使用AmplifyJS組件配合JavaScript進(jìn)行編程的指南
這篇文章主要介紹了使用AmplifyJS組件配合JavaScript進(jìn)行編程的指南,AmplifyJS中提供的訂閱功能十分強(qiáng)大,需要的朋友可以參考下
2015-07-07
JavaScript中的Document文檔對(duì)象
2008-01-01
前端編碼規(guī)范（3）JavaScript 開(kāi)發(fā)規(guī)范
這篇文章主要介紹了前端編碼規(guī)范（3）JavaScript 開(kāi)發(fā)規(guī)范,需要的朋友可以參考下
2017-01-01
JavaScript 變量命名規(guī)則
學(xué)習(xí)js的朋友一定要知道和注意，其實(shí)每種語(yǔ)言都有它的命名規(guī)則。
2009-09-09
JavaScript必知必會(huì)(七)js對(duì)象繼承
這篇文章主要介紹了JavaScript必知必會(huì)(七)js對(duì)象繼承的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
一起來(lái)看看js對(duì)象和事件的學(xué)習(xí)筆記
這篇文章主要為大家詳細(xì)介紹了js對(duì)象和事件學(xué)習(xí)筆記，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助
2022-02-02
JavaScript中的prototype和constructor簡(jiǎn)明總結(jié)
一直沒(méi)弄清楚JavaScript中的prototype和constructor屬性，今天看了看書(shū)，總算有點(diǎn)眉目了
2014-04-04
javascript對(duì)象之內(nèi)置對(duì)象Math使用方法
Math對(duì)象的一些方法能實(shí)現(xiàn)我們課本上的某些數(shù)學(xué)計(jì)算，比較常用的方法有如下幾個(gè)
2010-04-04
JavaScript中的replace()方法使用詳解
這篇文章主要介紹了JavaScript中的replace()方法使用詳解,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
2015-06-06
JavaScript的繼承的封裝介紹
繼承的封裝貌似在每個(gè)語(yǔ)言中都有，在本文為大家詳細(xì)介紹下，JavaScript的繼承的封裝，感興趣的朋友不要錯(cuò)過(guò)
2013-10-10