js/jquery が json および配列形式を解析する方法の詳細な説明_javascript スキル

解析する前に、いくつかの概念を明確にする必要があります: 配列、連想配列、JSON の違いと接点は何ですか?

1. 概念の紹介
1. 配列

構文:
ECMAScript v3 は配列リテラルの構文を指定し、JavaScript 1.2 および JScript 3.0 はそれを実装します。式のカンマ区切りリストを角括弧内に配置することで、配列を作成および初期化できます。これらの式の値が配列要素になります。例:

var a = [1, true, 'abc'];

詳しい操作についてはAPIをご確認ください。

追記: 角括弧で区切る必要があります。

2. 連想配列

1. 文法:
var myhash= {”key1″:”val1″, “key2″:”val2″ };//obj

2.var
myhash= {key1:”val1″, key2:”val2″};//obj も使用できます

ps: これは json 形式とほぼ同じですが、json 形式の要件はより厳密です (内部のキーと値のペアは二重引用符を使用する必要があります)。ただし、json は必要に応じて形式標準としてのみ使用できます。これを操作するには、連想配列に変換する必要があります。

2. 簡単な操作
1. ハッシュ連想配列にキー値を追加します

//キー値 newval を持つ新しいキー newkey を追加します

myhash["newkey"] = "newval";

2. ハッシュ連想配列内の既存のキー値を削除します

// キー newkey を削除すると、同時にキーの値に対応する newval が消えます
delete myhash[”newkey”];

3. ハッシュ連想配列をトラバースします

// ハッシュ配列全体を走査します
for (myhash のキー) {
val = myhash[key];
}

4. 値を取得します

メソッド 1.myhash.key1
メソッド 2.myhash.key2

3.json
形式要件:

{”key1″:”val1″, “key2″:”val2″};//この形式に厳密に従い、演算は連想配列の演算に基づいて行うことができます

2. フロントエンドとバックエンドの対話におけるいくつかの重要なポイント
1. サーバーによって送信されるデータが 1 つの JSON ではなく、複数の JSON である場合、配列にアクセスし、文字列を組み立てる連想配列を作成する必要があります
例: var objs = [{ id: 1, name: 'n_1' }, { id: 2, name: 'n_2'}];

2. サーバーからクライアントに提供されるデータは最初から最後まで単なる文字列であるため、js で必要な操作を実行できるようにするために、eval を通じて js 実行可能オブジェクトに変換できます。 ()。
したがって、jQuey で提供される $.parseJSON() には制限があります。上記 1 で述べた状況の場合は、変換に eval() を使用し、その後 $.each(objs,function(i ,o) を使用する必要があります。 ){...})

を操作する

3. 具体的なコード例
ページコード:

コードをコピー コードは次のとおりです。

> ;

バックエンド コード:

コードをコピー コードは次のとおりです:

@Override
protected void service(HttpServletRequest req, HttpServletResponse reps)
throws ServletException, IOException {
Map jsonMap=new HashMap();
jsonMap.put("name", "techbirds");
jsonMap.put("age", 23);
jsonMap.put("性別", "男性");
reps.getWriter().print(JSONObject.fromObject(jsonMap).toString());
reps.getWriter().flush();
reps.getWriter ().close();

}

复制代码代码如下:

@Override
protected void service(HttpServletRequest req, HttpServletResponse reps)
throws ServletException, IOException {
String array="[1,2,3,4,5,6] ]";
reps.getWriter().print(array);
reps.getWriter().flush();
reps.getWriter().close();

}