首頁 >web前端 >js教程 >詳解js中Json的語法與格式

詳解js中Json的語法與格式

高洛峰原創: 2016-12-05 16:52:00801瀏覽

JSON 文字格式在語法上與建立 JavaScript 物件的程式碼相同。

由於這種相似性，無需解析器，JavaScript 程式能夠使用內建的 eval() 函數，用 JSON 資料來產生原生的 JavaScript 物件。

JSON語法規則:

資料在名稱/值對仲
資料由逗號分隔
花括號保存物件
方括號保存陣列

JSON 名稱/值對介紹

reee

(整數或浮點數)

字串(要包括在雙引號中)
邏輯值(true或false)
數組(在方括號中)
對象(在花括號中)

Json轉javascript對象的方法為:

eval("(" + str + ")");

程式碼範例：

"name":"张飞",
"age":23

Json與JavaScript 物件轉換

　　javascript對象轉JSON

<html>
<head>
 <title>Json测试</title>
 <script src="/Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
 <script type="text/javascript">
  //基本上，Json返回的要么是对象，要么是数组，如果单纯返回一个字符串，那么就没有必要用Json了，因此
  //Json基本就下面这些可，不过要注意双引号
  var str0 = "{employees:&#39;测试&#39;}";
  var obj0 = eval("(" + str0 + ")");
  alert(obj0.employees);   //输出测试
 
  var str = "{name:&#39;张三&#39;,Age:21}";
  var obj = eval("(" + str + ")");
  document.write(obj.name + obj.Age); //输出 张三21
  alert(obj.name);
 
  //别看下面那段Json长，其实是一个对象，属性employees的值是一个对象数组。和上面的相比，只是name:张三 中的"张三"字符串 变成了对象数组而已
  var str2 = &#39;{ "employees" : [&#39; + &#39;{ "firstName":"Bill" , "lastName":"Gates" },&#39; + &#39;{ "firstName":"George" , "lastName":"Bush" },&#39; + &#39;{ "firstName":"Thomas" , "lastName":"Carter" } ]}&#39;;
  var obj2 = eval("(" + str2 + ")");
  alert(obj2.employees[0].firstName);  //弹出 Bill
 
  var str3 = "[1,2,3,4,5,6]";    //json 数组
  var obj3 = eval("(" + str3 + ")");  //输出 2
  alert(obj3[1]);
 </script>
</head>
<body>
 <div id="div1">
 </div>
</body>
</html>

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：AngularJS中指令的四種基本形式實例分析下一篇：AngularJS中指令的四種基本形式實例分析

看更多

詳解js中Json的語法與格式

相關文章