ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptのjsonオブジェクトや配列を変換する簡単な実装方法を詳しく解説
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オブジェクトではないことを意味します
関数
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テキストの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 サイトの他の関連記事を参照してください。