3.字符串轉化成對象

3.字符串轉化成對象 15:51


思維導圖.png

解析,是指將符合 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)。

parse-1.gif

利用第二個參數,可以在解析 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 的總和。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容