웹/제이쿼리 JSTL

$.grep

은은하게미친자 2024. 5. 16. 17:46
728x90

jQuery.grep(array, callback [, invert])
  • array: 필터링할 배열입니다.
  • callback: 각 요소에 대해 호출될 함수로, 배열의 각 요소와 인덱스를 인자로 받습니다. 이 함수는 필터링 조건을 정의하고 해당 조건을 만족하는지에 따라 true 또는 false를 반환해야 합니다.
  • invert (옵션): 이 인자가 true이면 필터링 조건의 반대가 적용됩니다. 기본값은 false입니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery grep 예제</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
    // 필터링할 배열
    var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

    // 짝수를 필터링하는 함수
    var evenNumbers = $.grep(numbers, function(item) {
        // 짝수인지 확인하여 반환
        return item % 2 === 0;
    });

    // 결과 출력
    console.log("원본 배열: " + numbers);
    console.log("짝수 배열: " + evenNumbers);
});
</script>
</head>
<body>
</body>
</html>
728x90