티스토리 뷰

[JQUERY]자바스크립트

jQuery 021. 비교연산자 >,<,>=,<=,==,!=

가산동 2018. 10. 6. 16:37

아래는 예제 입니다.

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
<!DOCTYPE html>
<html lang="ko">
<head>
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    
    <script>
        $(function(){       // jquery 시작
            
            //<
            document.write("20 < 10 = ",20<10,"</br>");
            //>
            document.write("20 > 10 = ",20>10,"</br>");
            //<=
            document.write("20 <= 10 = ",20<=10,"</br>");
            //>=
            document.write("20 >= 10 = ",20>=10,"</br>");
            //==
            document.write("20 == 10 = ",20==10,"</br>");
            //!=
            document.write("20 != 10 = ",20!=10,"</br>");
            
        });
        
    </script>
</head>
    <body>
    </body>
</html>
cs


아래는 실행화면입니다.

비교 연산자는 연산자 양 옆의 두 값을 비교해서 참(true), 거짓(false) 를 리턴 합니다.



예제를 라인별로 보겠습니다.

10
11
            //<
            document.write("20 < 10 = ",20<10,"</br>");
cs

라인 11.    document.write 는 body안에 값을 넣어줍니다. 아래는 예제링크입니다.

   >>[[JQUERY]자바스크립트] - jQuery 003. 출력기능 document.write()

   출력 값을 살펴보면, 

   '<' 는 좌측이 우측보다 작다 입니다. 20은 10보다 크기 때문에 거짓인 false 를 리턴합니다.


12
13
            //>
            document.write("20 > 10 = ",20>10,"</br>");
cs

라인 13.    '>' 는 좌측이 우측보다 크다 입니다. 20은 10보다 크기 때문에 참인 true 를 리턴합니다.


14
15
            //<=
            document.write("20 <= 10 = ",20<=10,"</br>");
cs

라인 15.    '<='는 좌측이 우측보다 작거나 같다 입니다. 20은 10보다 크기 때문에 거짓인 false 를 리턴합니다.


16
17
            //>=
            document.write("20 >= 10 = ",20>=10,"</br>");
cs

라인 17.    '>='는 좌측이 우측보다 크거나 같다 입니다. 20은 10보다 크기 때문에 참인 true를 리턴합니다.


18
19
            //==
            document.write("20 == 10 = ",20==10,"</br>");
cs

라인 19.    '=='는 좌측과 우측이 같다 입니다. 20은 10과 다르기 때문에 거짓인 false를 리턴합니다.


20
21
            //!=
            document.write("20 != 10 = ",20!=10,"</br>");
cs

라인 21.    '!='는 좌측이 우측과 같지 않다 입니다. 20은 10과 다르기 때문에 참인 true를 리턴합니다.

저작자표시 비영리 변경금지

'[JQUERY]자바스크립트' 카테고리의 다른 글

jQuery 023. 조건문 if()  (0) 2018.10.07
jQuery 022. 논리 연산자 AND(&&), OR(||)  (0) 2018.10.06
jQuery 020. 이벤트 on(), 클릭이벤트 click()  (0) 2018.10.06
jQuery 019. css 변경하기 css()  (0) 2018.10.06
jQuery 018. jquery 선택자 (tag,id,class,name)  (0) 2018.10.03
댓글