Jquery_jquery の配列オペレーション コード

Jquery では、$.map() と $.each() を使用して配列を操作します。
最初は通常の配列 (整数のインデックスを持つ配列) です:

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

$.map(arr,fn);
各要素で fn 関数を呼び出します。配列を 1 つずつ処理すると、fn 関数は最後の新しい配列
var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1]; を返します。 newarr = $.map(arr , function(item) {return item*2 });
alert(newarr);
$.each(array,fn) は、配列の各要素を処理するために fn 関数を呼び出します。 、戻り値はありません
var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1];
$.each(arr, function(key, value) {alert) ("key:" key "value:" value) });
関数のパラメータを省略することもできます。
var arr = [ 9、8、7、6、5、4、3、2、1];
$.each(arr, function() {alert(this); });

インデックスが文字列であるキーと値のペアの配列があります。
通常、操作には $.each(array,fn) を使用します。
var arr = { "jim": "11 ", "tom": "12", "lilei": "13" };
$.each(arr, function(key, value) {alert("名前:" key "年齢:" value); } );
もちろん、パラメーターなしで関数を使用して走査することもできます。
このタイプのデータは、次のようにサーバー側から取得できます。 🎜>

コードをコピーします

コードは次のとおりです: System.Web を使用; System.Collections.Generic を使用;

パブリック クラス ハンドラー : IHttpHandler public void ProcessRequest (HttpContext context) {

context.Response.ContentType = "text/plain";
人物 p1 = 新しい人物 { 年齢 = "22", 名前 = "tom" }; = 新しい人 { 年齢 = "23"、名前 = "ジム" };
人 p3 = 新しい人 { 年齢 = "24"、名前 = "リレイ" };
IList = 新しいリスト {p1,p2,p3};
JavaScriptSerializer = new JavaScriptSerializer();
context.Response.Write(s); }
パブリック クラス 人
{
パブリック 文字列 { get; セット; }
}
パブリック ブール IsReusable {
get {
return false;
}
}
}


まず 3 人の人物オブジェクトをインスタンス化し、次にそれらをコレクションに入れ、最後にこのコレクションを文字列ストリームにシリアル化します。クライアントへ;
クライアント:
クライアントは $.parseJSON() でバックグラウンドを渡します 文字列を js の配列オブジェクトに変換します 次に、取得した配列を操作するメソッドを使用します
>3 番目は、タグ セレクターを通じて取得された Jquery オブジェクト配列です。




コードをコピー

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


gt ;

スクリプト src="../myjs/jquery-1.4.2.js" type="text/javascript"> ; >

;

dom がロードされた後、テキストが各 p 要素に動的に追加され、最初に $("p") が p タグのコレクションを取得します。これは Javascript の document.getElementByTagName に相当します。ただし、ここで取得されるのは Jquery オブジェクトの配列であるため、Jquery には固有の暗黙的な反復関数があり、次の text(" This is the p tag") 操作は各 P タグを明示的に呼び出すこともできます。反復によって取得された Jquery オブジェクト配列を表示する関数。次のコードでも上記の効果を実現できます。




コードをコピー


コードは次のとおりです。以下のように:

$(function() {
$("p").each(function() {
$(this).text("这是p标签");
});
});