[jQuery] 제이쿼리 배열 필터링 방법/ jQuery.grep 사용법과 예제

jQuery - $.grep()

$.grep()는 배열의 모든 항목을 받아 콜백 함수에 의해 필터 함수를 만족하는 배열을 반환시키는 함수입니다. return 값이 true인 결과들만 새로운 배열에 저장하기 때문에 원래의 array는 영향을 받지 않는 특징을 가지고 있습니다. 

 

사용 방법

$.grep( Array, function ( value, index ){ }, [, invert] ); 

 

파라메터	설명
Array	유형 : ArrayLikeObject 검색할 배열 객체
function	유형 : Function ( Object elementOfArray, Integer indexInArray) => Boolean 각 항목을 처리하는 기능. 함수의 첫 번째 인수는 항목이고 두 번째 인수는 인덱스이다.  함수는 부울 값을 반환해야 한다. this전역 창 개체가 된다.
invert	유형 : Boolean invert가 false이거나 제공되지 않은 경우 함수는 콜백이 true를 반환하는 모든 요소로 구성된 배열을 반환한다. invert가 참이면 함수는 콜백이 거짓을 반환하는 모든 요소로 구성된 배열을 반환한다.

•  

 

---

예제

var array = [1,2,3,4,5,6,7,8,9]; 
var newArray = $.grep(array, function(value, index) { 
		   return value % 2 == 0; 
		}); 
console.log("결과:" + newArray.join(", "));

//결과: 2, 4, 6, 8 

 

다음은 invert 에 대한 예제입니다.

var array = [1,2,3,4,5,6,7,8,9]; 
var newArray = $.grep(array, function(val, index) { 
		  return val % 2 == 0; 
      		}, true); 
console.log("결과: " + newArray.join(", ")); 

//결과: 1, 3, 5, 7, 9 

 

invert를 true로 설정 하면 반환 값이 false 인 결과들이 새로운 배열에 저장되는 것을 확인할 수 있습니다.