> 웹 프론트엔드 > JS 튜토리얼 > jQuery: .grep() 사용에 대한 자세한 설명

jQuery: .grep() 사용에 대한 자세한 설명

黄舟
풀어 주다: 2017-07-19 09:13:16
원래의
1364명이 탐색했습니다.

개요

필터 기능을 사용하여 배열 요소를 필터링하세요.

이 함수는 필터링할 배열과 필터 함수라는 두 개 이상의 매개변수를 전달합니다. 필터 함수는 요소를 유지하려면 true를 반환하고 요소를 제거하려면 false를 반환해야 합니다.

Parameters

array,callback,[invert]Array,Function,BooleanV1.0
로그인 후 복사

array: 필터링할 배열입니다.

콜백: 이 함수는 배열의 각 요소를 처리합니다. 첫 번째 매개변수는 현재 요소이고, 두 번째 매개변수는 요소 인덱스 값입니다. 이 함수는 부울 값을 반환해야 합니다. 또는 이 함수를 문자열로 설정할 수 있으며, 문자열로 설정하면 "람다 형식"(약식?)으로 처리됩니다. 여기서 a는 배열 요소를 나타내고 i는 요소 인덱스 값을 나타냅니다. 예를 들어, "a > 0"은 "function(a){ return a > 0; }"을 나타냅니다.

invert: "invert"가 false이거나 설정된 경우 함수는 필터 함수에서 true를 반환하는 배열의 요소를 반환합니다. "invert"가 true인 경우 필터 함수에서 false를 반환하는 요소 집합은 다음과 같습니다. 돌아왔다.

설명:

배열에서 0보다 작은 요소를 필터링합니다.

jQuery Code:

$.grep( [0,1,2], function(n,i){ return n > 0; });
로그인 후 복사

Result:

[1, 2]
로그인 후 복사

Description:

배열에서 0보다 큰 요소를 제외하려면 세 번째 매개변수를 사용하세요.

j쿼리 코드:

$.grep( [0,1,2], function(n,i){ return n > 0; }, true);
로그인 후 복사

결과:

[0]
로그인 후 복사

grep() 메서드는 배열 요소를 필터링하는 데 사용됩니다.

grep(array,callback,invert)
로그인 후 복사

array: 필터링할 배열;

콜백: 배열의 각 요소를 처리하고 요소를 필터링합니다. , 이 함수에는 두 개의 매개변수가 포함되어 있습니다. 첫 번째는 현재 배열 요소의 값이고 다른 하나는 현재 배열 요소의 첨자, 즉 요소 인덱스 값입니다. 이 함수는 부울 값을 반환해야 합니다. 또는 이 함수를 문자열로 설정할 수 있으며, 문자열로 설정하면 "람다 형식"(약식?)으로 처리됩니다. 여기서 a는 배열 요소를 나타내고 i는 요소 인덱스 값을 나타냅니다. 예를 들어, "a > 0"은 "function(a){ return a > 0; }"을 나타냅니다.

invert: 부울 선택 사항, 기본값은 false, 값은 true 또는 false, "invert"가 false 또는 set인 경우, 이 함수는 필터링 함수에서 true를 반환하는 배열의 요소를 반환합니다. "invert"가 true인 경우 필터링 함수에서 false를 반환하는 요소 집합이 반환됩니다.

var arr=$.grep([0,1,2,3,4,5,6],function(n,i){
return n>2
});
로그인 후 복사

위의 예는 [3,4,5,6]을 반환하지만 invert에 지정한 값은 true입니다. 예를 들어

var arr=$.grep([0,1,2,3,4,5,6],function(n,i){
return n>2
},ture);
로그인 후 복사

그래서 이제 반환되는 것은 필터링된 [0,1,2]입니다. 콜백 함수 요소에 의해.

위 내용은 jQuery: .grep() 사용에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿