ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptのjsonオブジェクトや配列を変換する簡単な実装方法を詳しく解説

JavaScriptのjsonオブジェクトや配列を変換する簡単な実装方法を詳しく解説

伊谢尔伦
伊谢尔伦オリジナル
2017-07-17 14:24:062648ブラウズ

js配列とjson

1、array

の違い 1. 一次元配列を定義します: var s1=new Array();

s1=[1,2,3,4] または s1[ 0] = 1、s1 [1] = 2、s1 [3] = 3、s1 [4] = 4;
アラート (s1 [0]);

alert(s1) [ 1 ] [0]) 、json 文字列

いわゆるjson文字列、文字列変数の値はjsonと同じ形式ですが、jsonオブジェクトではないことを意味します

status_processの値は準拠していますがjson オブジェクトの形式に変換すると、これはオブジェクトではなく、単なる文字列 (結合されたもの) になります


関数
eval, eval("(" + status_process+ ")" を使用します。 );

結論: バックグラウンドからフロントに渡されるのは、実際の json オブジェクトではなく、json 文字列であるため、eval 関数を使用する必要があります。

json オブジェクトの使用

var status_process = {
      " name5" : '闲置期',
    "name1" : '播种期',
    "name2" : '苗期',
    "name3" : '生长期',
    "name4" : '采收期'
   }   
  alert(status_process);

両方とも: アイドル期間

JSON 構文規則

JSON 構文は、

JavaScript

オブジェクト表記構文のサブセットです。 + 複数の名前と値のペアが含まれます:

var status_process = {
      name5 : '闲置期',
     name1 : '播种期',
     name2 : '苗期',
      name3 : '生长期',
      name4 : '采收期'
     };
     alert(status_process["name5"]);
     alert(status_process.name5);
これも理解しやすく、次の JavaScript ステートメントと同等です:

{ "firstName":"John" , "lastName":"Doe" }

JSON 配列

JSON 配列は角括弧で記述されます:

配列には複数のオブジェクトを含めることができます:

firstName = "John"
lastName = "Doe"
上の例では、オブジェクト「employees」は 3 つのオブジェクトを含む配列です。各オブジェクトは、人物 (姓名付き) に関するレコードを表します。

JSONファイル

•JSONファイルのファイルタイプは「.json」です
•JSONテキストのMIMEタイプは「application/json」です

JSONテキストはJavaScriptオブジェクトに変換されます

JavaScript関数eval () は、JSON テキストを JavaScript オブジェクトに変換する場合に使用できます。 eval() 関数は、JavaScript コンパイラーを使用して JSON テキストを解析し、JavaScript オブジェクトを生成します。 構文エラーを避けるために、テキストは括弧で囲む必要があります:

var obj = eval ("(" + jsontxt + ")");

{ 
"employees": [ 
{ "firstName":"John" , "lastName":"Doe" }, 
{ "firstName":"Anna" , "lastName":"Smith" }, 
{ "firstName":"Peter" , "lastName":"Jones" } 
] 
}

JavaScriptオブジェクト

属性アクセスの2つの方法

object.attribute

object["attribute"]

例:

  $.ajax({
    type: 'POST',
    url: '../../caseHandler.ashx?action=GetCase&id=' + id.toString(), //url action是方法的名称
    data: "",
    dataType: "text", //可以是text,如果用text,返回的结果为字符串;如果需要json格式的,可以设置为json
    ContentType: "application/json; charset=utf-8",
    success: function (returnedData) {
      getMarkerFeature(eval("(" + returnedData+ ")"));
    },
    error: function (msg) {
      alert("访问失败:"+ msg);
    }
  });

以上がJavaScriptのjsonオブジェクトや配列を変換する簡単な実装方法を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。