js에서 Json의 구문 및 형식에 대한 자세한 설명-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

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

로그인 후 복사

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;

로그인 후 복사

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()

로그인 후 복사

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;;
}

로그인 후 복사

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.