8.7 JSON格納データ方式(JavaScriptオブジェクト表示法)

8.7 JSON格納データ方式(JavaScriptオブジェクト表示法)
JSON JavaScriptオブジェクト表示法(JavaScript) Object Notation)はデータを格納する方法である.
一、JSONオブジェクトの作成
var gareen=｛name｝「ガイロン」「hp」616｝ このようにJSONオブジェクトを作成しました. JSONオブジェクトは 名前/値は組成名と値の間にコロンを使います. 名前は二重引用符でなければなりません. 包含する 値は、任意のjavascriptデータタイプ、文字列、ブール、数字、配列、またはオブジェクトとすることができます. 名前/値ペアの間にコンマを使う , 仕切り

<script>
var gareen = {"name":"  ","hp":616};
  
document.write("    JSON  : "+gareen);
 script>
//    
    JSON  : [object Object]

1.2、JSONノードにアクセスする
直接gareen.nameはJSONオブジェクトの属性を訪問します.
直接gareen.hpはJSONオブジェクトの属性を訪問します.
二、四角い括弧[]を通してJSON配列を作成する.

<script>
//     []   JSON   
var heros=
[
    {"name":"  ","hp":616},
    {"name":"  ","hp":313},
    {"name":"  ","hp":432},
    {"name":"  ","hp":389}
]
 //length  
document.write("JSON    "+heros.length);
//  JSON           ，      
document.write( " 4    :" +  heros[3].name);
script>

三、JSONオブジェクト変換問題
3.1 JSONオブジェクトとJavaScriptオブジェクト
JavaScriptオブジェクトは、内蔵オブジェクト(Number,String,Aray,Date,Math)とカスタムオブジェクトに分類されます. JSONはカスタムオブジェクトであり、JSONのようなデータ組織で表現されています. JSONオブジェクトとJavaScriptオブジェクトの変換問題は存在しません.
3.2文字列をJSONオブジェクトに変換する
文字列スティッチングによってJSON構造の文字列が得られます.JSONオブジェクトではありません.eval変換によって変換される必要があります.eval関数は(先頭、)で終わるか、JQueryを使うべきです.パーサーJSON変換関数

<script src="http://how2j.cn/study/jquery.min.js">script>
<script>
var s1 = "{\"name\":\"  \"";
var s2 = ",\"hp\":616}";
var s3 = s1+s2;
  
document.write("    JSON      :" + s3);
document.write("
");
//1.  JQuery $.parseJSON    
var gareen1 = $.parseJSON(s3);
document.write("    JSON  : " + gareen1);
document.write("
");
//2.  eval  
var gareen2 = eval("("+s3+")");
document.write("    JSON  : " + gareen2);
script>

3.3  JSONを文字列に変換
jsonオブジェクトはjavascriptオブジェクトですので、直接印刷すると中身が見えません.通過する必要があります. JSON.stringify 関数が文字列に変換します.

<script>
var hero = {"name":"  ","hp":"616"};
document.write("    json   ："+ hero);
document.write("
");
var heroString = JSON.stringify(hero)
document.write("    json    ："+ heroString );
script>

四、実際の開発における使用