제이쿼리(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("지정 요소 선택") | 선택자로 요소를 먼저 선택한다. 그런 다음 지정한 요소의 인덱스 정보를 가져온다. |
'언어공부 > JavaScript&jQuery' 카테고리의 다른 글
제이쿼리(jQuery) 기초 문법 - 제이쿼리 이벤트 (2) (0) | 2021.08.07 |
---|---|
제이쿼리(jQuery) 기초 문법 - 제이쿼리 이벤트 (1) 이벤트 등록 메소드 (0) | 2021.08.06 |
제이쿼리(jQuery) 기초 문법 - 선택자 (5) 콘텐츠 탐색 선택자 (0) | 2021.08.04 |
제이쿼리(jQuery) 기초 문법 - 선택자 (4) 위치 탐색 선택자, 속성 탐색 선택자 (0) | 2021.08.03 |
제이쿼리(jQuery) 기초 문법 - 선택자 (3) 인접 관계 선택자 (0) | 2021.08.02 |