은은하게 코드 뿌시기

$.grep 본문

웹/제이쿼리 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

'웹 > 제이쿼리 JSTL' 카테고리의 다른 글

선택된 값 받아오기 /값 선택하기/ 선택된 요소 제이쿼리 / 라디오/셀렉트박스/ 수동호출/ select / radio  (0) 2024.05.20
제이쿼리 찾기 /dom요소 가져오기/이름으로 시작하는 모든 요소 를 찾아 실행  (0) 2024.04.24
동적으로 생긴 요소 이벤트. $(document).on  (0) 2024.04.23
제이쿼리 - 속성 - 받아오기/지정하기/ attr()/prop()/ attr() prop() 의 차이  (0) 2023.02.02
제이쿼리 - 문자열 찾기/ 문자열에 문자 포함 확인하기  (0) 2023.01.05
'웹/제이쿼리 JSTL' Related Articles more
Comments