[jQuery] 제이쿼리 배열 관련 메서드

 

배열 관련 메서드 종류

종류	사용법	설명
each()  $.each()	$("요소선택").each(function) $.each($("요소선택"), function)	배열에 저장된 문서 객체만큼 메서드가 반복실행됩니다. 배열에 저장된 객체의 인덱스 순서대로 하나씩 접근하여 객체를 선택하고 인덱스를 구합니다
$.map()	$.map(Array, function)	배열에 저장된 데이터 수만큼 메서드가 반복실행됩니다. 함수에서 반환된 데이터는 새 배열에 순서대로 저장됩니다. 새로 저장된 배열 객체를 반환합니다.
$.grep()	$.grep(Array, function)	배열에 저장된 데이터 수만큼 메서드가 반복실행됩니다. 반환값이 true인 경우에만 배열의 데이터가  인덱스 오름차순으로 새 배열에 저장되며 그 배열을 반환합니다.
$.inArray()	$.inArray(data, Array, start index)	배열 안에서 데이터를 찾습니다. 데이터를 찾으면 가장 맨 앞 데이터의 인덱스를 반환하고, 찾지 못하면 -1을 반환합니다. start index의 값을 지정하면 해당 위치부터 데이터를 찾습니다.
$.isArray()	$.isArray(object)	입력한 객체가 배열 객체라면 true를 아니면 false를 반환합니다.
$.merge()	$.merge(Array1, Array2)	인자값으로 입력한 2개의 배열객체를 하나로 그룹화 합니다.
index()	$("요소선택").index("지정요소선택")	선택자로 요소를 먼저 선택합니다. 그런 다음 지정한 요소의 인덱스 정보를 가져옵니다.

 

each()  /  $.each() 메서드

each()와 $.each() 메서드는 배열에 저장된 요소를 순서대로 하나씩 선택하면서 인덱스 정보를 가져옵니다.

$("요소선택").each(function(매개변수1, 매개변수2){ })

$.each($("요소선택"), function(매개변수1, 매개변수2){ })

배열에 저장된 요소의 개수만큼 메서드를 반복 실행합니다.

메서드를 실행할때마다 매개변수1, 매개변수2에는 배열에 저장된요소와 인덱스값이 배열에 오름차순으로 대입됩니다.

 

$("요소선택").each(function(){ $(this) })

$.each($("요소선택"), function(){ $(this) })

배열에 저장된 요소의 개수만큼 메서드를 반복 실행합니다.

메서드를 실행할때마다 $(this)에는 배열에 저장된 요소가 오름차순으로 대입됩니다.

 

 

$.map()  /  $.grep() 메서드

$.map()메서드

배열에 저장된 데이터 수만큼 메서드를 반복 실행합니다.

메서드에서 반환된 데이터는 새 배열에 저장되고, 그 배열 객체를 반환합니다.

$.map(Array, function(매개변수1, 매개변수2){
	return 데이터;
});

 

$.grep()메서드

배열에 저장된 데이터 수만큼 메서드를 반복 실행합니다.

인덱스 오름차순으로 배열의 데이터를 불러오고,

메서드의 반환값이 true이면 데이터가 새배열에 저장되고 배열을 반환합니다.

$.grep(Array, function(매개변수1, 매개변수2){
	return [true|false];
});

 

$.inArray() / $.isArray() / $.merge() 메서드

$.inArray()메서드

배열에 저장된 데이터 중 지정한 데이터를 찾아 인덱스값을 반환합니다.

$.isArray()메서드

지정한 데이터가 배열객체면 true를, 배열객체가 아니면 false를 반환합니다.

$.merge메서드

두 배열 객체를 하나의 객체로 묶습니다.

$.inArray(data, Array, start index)

$.isArray(object)

$.merge(Array1, Array2)

 

index()메서드

$.index()메서드는 지정 선택 요소를 찾아서 인덱스 값을 반환합니다.

$("요소선택").index("지정선택요소");

 

 

---

 

선택자와 함께 알아두면 유용한메서드

종류	사용법	설명
is(":요소상태")	$(".txt1").is("visible")	선택한요소가 보이면 true를 반환
$.noConflict()	var변수 = $.noConflict(); 변수("요소선택")	$.noConflict()함수를 이용하면  현재 제이쿼리에서 사용중인 $ 메서드 사용을 중단하고 새로 지정한 변수명 메서드를 사용합니다
get()	$("요소선택").get(0) style.color="#f00"	선택자에get(0)을 적용하면 자바스크립트 DOM방식의 스타일을 사용할수있습니다

 

is()메서드

선택한 요소의 상태가 지정한 속성과 일치하면 true를 반환하고, 그렇지 않으면 false를 반환합니다

$("요소선택").is(":[checked|selected|visible|hidden|animated]")

 

 

출처 : Do it ! 자바스크립트 제이쿼리입문 전면개정판 - 이지퍼블리싱