详解js中Json的语法与格式-js tutoriel-php.cn

Maison

interface Web

js tutoriel

详解js中Json的语法与格式

Dec 05, 2016 pm 04:52 PM

JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。

由于这种相似性，无需解析器，JavaScript 程序能够使用内建的 eval() 函数，用 JSON 数据来生成原生的 JavaScript 对象。

JSON语法规则:

数据在名称/值对仲
数据由逗号分隔
花括号保存对象
方括号保存数组

JSON 名称/值对介绍

&quot;name&quot;:&quot;张飞&quot;,
&quot;age&quot;:23

Copier après la connexion

Json的值可以是：

数字(整数或浮点数)
字符串(要包括在双引号中)
逻辑值(true或false)
数组(在方括号中)
对象(在花括号中)

Json转javascript对象的方法为:

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

代码示例：

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

Copier après la connexion

Json与JavaScript对象转换

　　JSON转javascript对象

//Json转对象1
function JsonToObject(str) {
 return eval(&quot;(&quot; + str + &quot;)&quot;);
}
 
//Json转对象2
function strToJson(str){
 var json = (new Function(&quot;return &quot; + str))();
 return json;
}
 
//Json转对象3 jQuery工具函数
$.parseJSON()

Copier après la connexion

　　javascript对象转JSON

//javascript对象转Json
function ObjectToJson(o) {
 var arr = [];
 var fmt = function(s) {
  if (typeof s == &#39;object&#39; &amp;&amp; s != null) return json2str(s);
  return /^(string|number)$/.test(typeof s) ? &quot;&#39;&quot; + s + &quot;&#39;&quot; : s;
 }
 for (var i in o) arr.push(&quot;&#39;&quot; + i + &quot;&#39;:&quot; + fmt(o[i]));
 return &#39;{&#39; + arr.join(&#39;,&#39;) + &#39;}&#39;;
}

Copier après la connexion

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn