3.字符串轉化成對象 15:51
解析,是指將符合 JSON 語法規則的字符串轉換成對象的過程。
不同的編程語言都提供了解析 JSON 字符串的方法,在這里主要講解 JavaScript 中的解析方法。主要有三種:
- 使用 eval()
- 使用 JSON.parse()
- 使用第三方庫,例如 JQuery 等
1. eval()
eval() 函數的參數是一個字符串,其作用是直接執行其中的 JavaScript 代碼。
<script type="text/javascript">
var str="console.log('Hello')";
eval(str);
</script>
eval() 能夠解析 JSON 字符串。從這里也可以看得出,JSON 和 JavaScript 是高度嵌合的。
<script type="text/javascript">
var str='{"name":"Lucy","age":26}';
var obj=eval("("+str+")");
console.log(obj);
</script>
但是,現在已經很少直接使用 eval() 來解析了,如果您的瀏覽器版本真的是很舊,可能才需要這個方法。此外,eval() 是一個相對危險的函數,因為字符串中可能含有未知因素。在這里,作為學習,還是要知道這也是一種方法。
請注意 eval() 的參數,在字符串兩旁加了括號,這是必須的,否則會報錯。
注意:
因為 JSON 字符串是被大括號(“{}”)包圍的,直接放到 eval() 會被當成語句塊來執行,因此要在兩旁加上括號,使其變成表達式。
2. JSON.parse()
現在絕大多數瀏覽器都以支持 JSON.parse(),是推薦使用的方式。
<script type="text/javascript">
var str='{"name":"Lily","age":32}';
var obj=JSON.parse(str);
console.log(obj);
</script>
如果輸入了不符合規范的字符串,會報錯。
JSON.parse() 可以有第二個參數,是一個函數。此函數有兩個參數:name 和 value,分別代表名稱和值。當傳入一個 JSON 字符串后,JSON 的每一組名稱/值對都要調用此函數。該函數有返回值,返回值將賦值給當前的名稱(name)。
利用第二個參數,可以在解析 JSON 字符串的同時對數據進行一些處理。
<script>
var str = '{"name": "Geoff Lui", "age": 26}';
var obj = JSON.parse(str, fun);
function fun(name, value){
if( name == "age" )
value = 14;
return value;
}
console.log(obj); //{name: "Geoff Lui", age: 14}
</script>
補充:
帶有返回值的函數:
有時,我們會希望函數將值返回調用它的地方。
通過使用 return 語句就可以實現。
在使用 return 語句時,函數會停止執行,并返回指定的值。
語法
function myFunction()
{
var x=5;
return x;
}
上面的函數會返回值 5。
注釋:整個 JavaScript 并不會停止執行,僅僅是函數。JavaScript 將繼續執行代碼,從調用函數的地方。
函數調用將被返回值取代:
var myVar=myFunction();
myVar 變量的值是 5,也就是函數 "myFunction()" 所返回的值。
即使不把它保存為變量,您也可以使用返回值:
document.getElementById("demo").innerHTML=myFunction();
"demo" 元素的 innerHTML 將成為 5,也就是函數 "myFunction()" 所返回的值。
您可以使返回值基于傳遞到函數中的參數:
實例
計算兩個數字的乘積,并返回結果:
function myFunction(a,b)
{
return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
"demo" 元素的 innerHTML 將是:
12
親自試一試
在您僅僅希望退出函數時 ,也可使用 return 語句。返回值是可選的:
function myFunction(a,b)
{
if (a>b)
{
return;
}
x=a+b
}
如果 a 大于 b,則上面的代碼將退出函數,并不會計算 a 和 b 的總和。