본문 바로가기

JavaScript/underscore.js

_.reject()함수 사용법

728x90

테스트를 통과하지 못하는 요소의 값을 반환합니다.
사용형식 : _.reject(list, predicate, [context])

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UnderScore.js 연습</title>
    <script src="https://unpkg.com/jquery@3.6.1/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/underscore@1.13.6/underscore-umd-min.js"></script>
    <style type="text/css">
        div { border: 1px solid gray; padding: 5px; margin: 5px; }
    </style>
    <script type="text/javascript">
        $(function(){
            // 테스트를 통과하지 못하는 요소의 값을 반환합니다.
            // reject : _.reject(list, predicate, [context])
            let array = [12345678910];
 
            $("#result").append(array + "<hr>");
            let odds = _.reject(array, (value) => { 
                return value%2==0
            });
            $("#result").append(odds + "<hr>");
            
            $("#result").append(_.reject(array, (value) => { 
                return value > 5
            }));
            $("#result").append("<hr>");
            let users = [
                {id: 1name"한놈"}, 
                {id: 2name"두식이"},
                {id: 3name"석삼"},
                {id: 4name"너구리"},
                {id: 5name"오징어"},
            ]
            let user = _.reject(users, (user) => { 
                if(user.id>=3console.log(user);
                return user.id>=3
            })
            $("#result").append(JSON.stringify(user) + "<br>");
        });
    </script>    
</head>
<body>
    <div id="result"></div>
</body>
</html>
cs

다음은 실행화면 입니다.

1. 배열을 선언하고 출력합니다. 배열 중에서 짝수가 아닌 홀수인 배열을 반환합니다.

            let array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
            $("#result").append(array + "<hr>");

            let odds = _.reject(array, (value) => {
                return value%2==0;
            });
            $("#result").append(odds + "<hr>");

결과

// 배열의 내용
1,2,3,4,5,6,7,8,9,10

// reject로 반환된 값
1,3,5,7,9

2. 배열 중에서 5이하인 값을 반환합니다.

            $("#result").append(_.reject(array, (value) => {
                return value > 5;
            }));

결과

12345

3. 객체 배열 중에서 id속성값이 3미만인 객체 배열을 반환합니다.

            let users = [
                {id: 1, name: "한놈"},
                {id: 2, name: "두식이"},
                {id: 3, name: "석삼"},
                {id: 4, name: "너구리"},
                {id: 5, name: "오징어"},
            ]
            let user = _.reject(users, (user) => {
                if(user.id>=3) console.log(user);
                return user.id>=3;
            })
            $("#result").append(JSON.stringify(user) + "<br>");

결과

[{"id":1,"name":"한놈"},{"id":2,"name":"두식이"}]

 

728x90

'JavaScript > underscore.js' 카테고리의 다른 글

_.some() 함수 사용법  (0) 2023.02.24
_.every() 함수 사용법  (0) 2023.02.24
_.where() 함수 사용법  (0) 2023.02.24
_.filter() 함수 사용법  (0) 2023.02.24
_.findWhere() 함수 사용법  (0) 2023.02.24