Jquery 지식 포인트 2: jquery_jquery 아래 배열에 대한 작업

첫 번째는 일반 배열(정수 인덱스가 있는 배열)입니다.
$.map(arr,fn)
배열의 각 요소에 대해 fn 함수를 호출하여 하나씩 처리합니다. 함수는 새로운 배열을 처리하고 반환합니다.

코드 복사 코드는 다음과 같습니다.

var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1];
var 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() { 경고 (this); });

키 값은 문자열로 인덱싱됩니다. 배열의 경우
는 일반적으로 $.each(array,fn)를 사용하여 작동합니다.

코드 복사 코드는 다음과 같습니다. var arr = { "jim": "11", "tom": "12", "lilei": "13" };

$.each(arr, function(key, value) { Alert("이름:" 키 "나이:" 값);

물론 매개변수 없이 함수를 사용하여 순회할 수도 있습니다.
이 클래스 데이터를 다음과 같이 서버 측에서 얻을 수 있는 경우:

서버 측:

코드 복사 코드는 다음과 같습니다. <%@ WebHandler Language="C#" Class="Handler" %> ;

System.Web 사용;

System.Collections.Generic 사용
public class Handler {
public void ProcessRequest (HttpContext 컨텍스트) {
context.Response.ContentType = "text/plain";
Person p1 = new Person { Age = "22", Name = "tom" }
Person p2 = new Person { Age = "23", Name = "jim" };
Person p3 = new Person { Age = " 24", Name = "lilei" }; IList Person>
공개 클래스 개인
{
공개 문자열 이름 { get;
return false;
}
}
}


처음 3인 개체가 인스턴스화된 다음 컬렉션에 추가되고 마지막으로 컬렉션이 문자열로 직렬화됩니다.

클라이언트:




코드 복사


코드는 다음과 같습니다.

< ;head> script src="../myjs/jquery-1.4.2.js" type="text/javascript"> < /body>