JSON 和 JavaScript eval使用說明
更新時間：2010年06月13日 00:13:23 作者：
JSON (JavaScript Object Notation) 一種輕量級的數(shù)據(jù)交換格式，比 XML 更輕巧，JSON 是JavaScript 原生格式，這意味著 JavaScript 中處理 JSON 數(shù)據(jù)不需要任何 API 和工具包。
JSON 格式可以使對象(object)、數(shù)組(array)、值(value)、字符串(string)、數(shù)值(number)。
<script type="text/javascript">
var user = {
"Name":"Andy",
"Sex" :"man",
"Age" :"20",
"Phone":{"mobilephone":"123456789","telephone":"1234-12345678"},
"baby":[{"big":"xiaohong"},{"middle":"xiaoming"},{"small":"xiaoli"}] //包含數(shù)組
}
alert(user.Name);
alert(user.Phone.mobilephone);
alert(user.baby[0].big);
user.baby[0].big = "--";//修改了 JSON 值
alert(user.baby[0].big);
</script>
參考：http://www.json.org/json-zh.html
下面來看看 JavaScript 的 eval 函數(shù)。
eval 函數(shù)會評估給定的一個JavaScript代碼的字符串，并試圖去執(zhí)行包含在字符串里的表達式或者一系列的合法的 JavaScript 語句。eval 函數(shù)將把最后一個表達式或者語句包含的值或引用作為返回值。
代碼
<script type="text/javascript">
var bar = "bar";
var foobar = eval('"foo"+bar');
alert(bar + foobar);//執(zhí)行語句
foobar = eval('if(bar = "bar"){bar = "foo-bar";}else{bar = "bar-foo";}');
alert(foobar);//返回語句中包含的值
</script>
JSON 和 對象字面量(Object Literals)的區(qū)別：JSON 的名字部分嚴格用引號+名字來表示。
代碼
<script type="text/javascript">
//對象字面量
var objectLiteral = {
name:"Objector.L",
age:"24",
special:"JavaScript",
sayName:function(){
return this.name;
}
};
//JSON 對象
var jsonFormat = {
"summary":"Blogs",
"blogrolls":[
{
"title":"Explore JavaScript",
"link":"http://example.com"
},
{
"title":"Explore JavaScript",
"link":"http://example.com"
}
]
};
</script>
由于 Ajax 的興起， JSON 這種輕量級的數(shù)據(jù)格式作為客戶端與服務(wù)器端之間傳輸?shù)母袷街饾u流行起來，進而出現(xiàn)的問題是如何將服務(wù)器端構(gòu)建好的 JSON 數(shù)據(jù)轉(zhuǎn)換為可用的 JavaScript 對象，利用 eval 函數(shù)無疑是一種簡單而直接的方法。在轉(zhuǎn)化的時候需要將 JSON 字符串的外面包裝一層園括號：
var jsonObject = eval("("+ jsonFormat +")")
加園括號的目的是迫使 eval 函數(shù)在評估 JavaScript 代碼的時候強制將括號內(nèi)的表達式(expression)轉(zhuǎn)換為對象，而不是作為語句(statement)來執(zhí)行。舉一個例子，例如對象字面量{},如若不佳加外層的括號，那么eval會將大括號之別為JavaScript代碼塊的開始結(jié)束標記機，那么{}將被認為是執(zhí)行了一句空語句。所以下面兩個執(zhí)行結(jié)果是不同的：
alert(eval("{}")); //return undefined
alert(eval("({})")); //return [object Object]
JSON 格式的名字部分為什么要加引號？因為eval函數(shù)會將{foo:"bar"}解釋成合法的JavaScript 語句，而非表達式。但人們往往是想讓eval將這段代碼解釋成一個對象。所以JSON 格式會強制你去在名字的外側(cè)加上引號，再結(jié)合圓括號，eval就不會錯誤的將JSON解釋成代碼塊。
//eval 錯誤解析語義
alert(eval('{foo:"bar"}')); //return "bar",incorrect
//eval 正確解析JSON
alert(eval('({"foo":"bar"})'));//return JSON object,correct
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var user = {
"Name":"Andy",
"Sex" :"man",
"Age" :"20",
"Phone":{"mobilephone":"123456789","telephone":"1234-12345678"},
"baby":[{"big":"xiaohong"},{"middle":"xiaoming"},{"small":"xiaoli"}] //包含數(shù)組
}
alert(user.Name);
alert(user.Phone.mobilephone);
alert(user.baby[0].big);
user.baby[0].big = "--";//修改了 JSON 值
alert(user.baby[0].big);
</script>
參考：http://www.json.org/json-zh.html
下面來看看 JavaScript 的 eval 函數(shù)。
eval 函數(shù)會評估給定的一個JavaScript代碼的字符串，并試圖去執(zhí)行包含在字符串里的表達式或者一系列的合法的 JavaScript 語句。eval 函數(shù)將把最后一個表達式或者語句包含的值或引用作為返回值。
代碼
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var bar = "bar";
var foobar = eval('"foo"+bar');
alert(bar + foobar);//執(zhí)行語句
foobar = eval('if(bar = "bar"){bar = "foo-bar";}else{bar = "bar-foo";}');
alert(foobar);//返回語句中包含的值
</script>
JSON 和 對象字面量(Object Literals)的區(qū)別：JSON 的名字部分嚴格用引號+名字來表示。
代碼
復(fù)制代碼 代碼如下:
<script type="text/javascript">
//對象字面量
var objectLiteral = {
name:"Objector.L",
age:"24",
special:"JavaScript",
sayName:function(){
return this.name;
}
};
//JSON 對象
var jsonFormat = {
"summary":"Blogs",
"blogrolls":[
{
"title":"Explore JavaScript",
"link":"http://example.com"
},
{
"title":"Explore JavaScript",
"link":"http://example.com"
}
]
};
</script>
由于 Ajax 的興起， JSON 這種輕量級的數(shù)據(jù)格式作為客戶端與服務(wù)器端之間傳輸?shù)母袷街饾u流行起來，進而出現(xiàn)的問題是如何將服務(wù)器端構(gòu)建好的 JSON 數(shù)據(jù)轉(zhuǎn)換為可用的 JavaScript 對象，利用 eval 函數(shù)無疑是一種簡單而直接的方法。在轉(zhuǎn)化的時候需要將 JSON 字符串的外面包裝一層園括號：
var jsonObject = eval("("+ jsonFormat +")")
加園括號的目的是迫使 eval 函數(shù)在評估 JavaScript 代碼的時候強制將括號內(nèi)的表達式(expression)轉(zhuǎn)換為對象，而不是作為語句(statement)來執(zhí)行。舉一個例子，例如對象字面量{},如若不佳加外層的括號，那么eval會將大括號之別為JavaScript代碼塊的開始結(jié)束標記機，那么{}將被認為是執(zhí)行了一句空語句。所以下面兩個執(zhí)行結(jié)果是不同的：
復(fù)制代碼 代碼如下:
alert(eval("{}")); //return undefined
alert(eval("({})")); //return [object Object]
JSON 格式的名字部分為什么要加引號？因為eval函數(shù)會將{foo:"bar"}解釋成合法的JavaScript 語句，而非表達式。但人們往往是想讓eval將這段代碼解釋成一個對象。所以JSON 格式會強制你去在名字的外側(cè)加上引號，再結(jié)合圓括號，eval就不會錯誤的將JSON解釋成代碼塊。
復(fù)制代碼 代碼如下:
//eval 錯誤解析語義
alert(eval('{foo:"bar"}')); //return "bar",incorrect
//eval 正確解析JSON
alert(eval('({"foo":"bar"})'));//return JSON object,correct
您可能感興趣的文章:
- js中eval詳解
- eval(function(p,a,c,k,e,d)系列解密javascript程序
- jquery eval解析JSON中的注意點介紹
- javascript eval和JSON之間的聯(lián)系
- jqeury eval將字符串轉(zhuǎn)換json的方法
- js使用eval解析json(js中使用json)
- js下用eval生成JSON對象
- js中eval()函數(shù)和trim()去掉字符串左右空格應(yīng)用
- JavaScript eval() 函數(shù)介紹及應(yīng)用示例
- JavaScript的eval JSON object問題
- JavaScript中的eval()函數(shù)詳解
- 了解一點js的Eval函數(shù)
- JS使用eval()動態(tài)創(chuàng)建變量的方法
相關(guān)文章
下面小編就為大家分享一篇實現(xiàn)單層json按照key字母順序排序的示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
打印json對象的內(nèi)容及JSON.stringify函數(shù)應(yīng)用
json對象的內(nèi)容在調(diào)試的時候用的到通過JSON.stringify函數(shù)，可以轉(zhuǎn)換json對象為字符串，接下來為大家詳細介紹下，感興趣的朋友可以參考下哈2013-03-03
JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。易于人閱讀和編寫。同時也易于機器解析和生成。2008-06-06
不要認為JSON是種新的應(yīng)用 ，其實JSON就是javascript支持的一種對象直接量。2008-09-09
在異步應(yīng)用程序中發(fā)送和接收信息時，可以選擇以純文本和 XML 作為數(shù)據(jù)格式。掌握 Ajax 的這一期討論另一種有用的數(shù)據(jù)格式 JavaScript Object Notation（JSON），以及如何使用它更輕松地在應(yīng)用程序中移動數(shù)據(jù)和對象。2009-10-10
用 JSON 處理緩存...2007-04-04
在異步應(yīng)用程序中發(fā)送和接收信息時，可以選擇以純文本和 XML 作為數(shù)據(jù)格式。掌握 Ajax 的這一期討論另一種有用的數(shù)據(jù)格式 JavaScript Object Notation（JSON），以及如何使用它更輕松地在應(yīng)用程序中移動數(shù)據(jù)和對象。2009-12-12
使用JSON作為函數(shù)的參數(shù)的優(yōu)缺點
這篇文章主要介紹了使用JSON作為函數(shù)的參數(shù)的優(yōu)缺點,需要的朋友可以參考下2016-10-10
今天分享和總結(jié)一些json的基本定義、格式、字符串的格式，以及在做測試的時候使用json時做一些簡單的校驗2014-05-05
JSON我就要來了2008-06-06