[JS + jquery] 제이쿼리 배열 메서드

 

1. 제이쿼리 배열 메서드 

 

1️⃣ each()/ $.each() 메서드

선택자로 선택한 요소(문서 객체)는 배열에 순서대로 저장된다. 

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

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

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

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

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

 

2️⃣ $.map() / $.grep) 메서드 

$.map() 메서드는 배열에 저장된 데이터 수만큼 메서드를 반복 실행한다. 

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

$.grep() 메서드는 배열에 저장된 데이터 수만큼 메서드를 반복 실행하며 인덱스 오름차순으로 배열의 데이터를 불러온다. 메서드의 반환값이 true이면 데이터가 새 배열에 저장되고 배열을 반환한다. 

 

$.map(Array, function(매개변수1, 매개변수2) {

  return 데이터;

});

 

$.grep(Array,function(매개변수1, 매개변수2) {

  return [true|false];

}

3️⃣ $.inArray()/ $.isArray() / $.merge() 메서드 

$.inArray() 메서드는 배열에 저장된 데이터 중 지정한 데이터를 찾아 인덱스 값을 반환한다. 

$.isArray() 메서드는 지정한 데이터가 배열 객체면 true 아니면 false 반환 

$.merge() 메서드는 두 배열을 하나의 객체로 묶는다. 

 

$.inArray(data, Array, start index)

$.isArray(object)

$.merge(Array1, Array2)

 

4️⃣ index() 메서드 

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

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