티스토리 뷰

[JQUERY]자바스크립트

jQuery 022. 논리 연산자 AND(&&), OR(||)

가산동 2018. 10. 6. 17:20

아래는 예제입니다.

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
<!DOCTYPE html>
<html lang="ko">
<head>
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    
    <script>
        $(function(){       // jquery 시작
            
            var animal01 = "고양이";
            var animal02 = "강아지";
            
            //AND(&&)
            document.write(
                "animal01 == '고양이' && animal02 == '강아지' = "
                ,animal01=='고양이' && animal02=='강아지',"</br>"
            );
            document.write(
                "animal01 == '고양이' && animal02 == '개' = "
                ,animal01=='고양이' && animal02=='개',"</br>"
            );
            
            //OR(||)
            document.write(
                "animal01 == '고양이' || animal02 == '개' = "
                ,animal01=='고양이' || animal02=='개',"</br>"
            );
            document.write(
                "animal01 == '고양이' || animal02 == '강아지' = "
                ,animal01=='고양이' || animal02=='강아지',"</br>"
            );
            
        });
    </script>
</head>
    <body>
    </body>
</html>
cs


아래는 결과 화면입니다.

논리 연산자는 비교 연산 두개를 이어서 사용할 수 있게 해줍니다. AND(&&) 연산자는 좌측과 우측의 값이 모두 참(true)일때 true를 리턴하고, OR(||)은 좌측, 우측중 하나의 값이라도 참(true)일때 true를 리턴합니다.

예제를 설명하기 앞서, 비교연산자에 대한 예제는 아래링크를 참조해 주세요.

>>[[JQUERY]자바스크립트] - jQuery 021. 비교연산자 >,<,>=,<=,==,!=




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

10
11
            var animal01 = "고양이";
            var animal02 = "강아지";
cs

라인 11.    animal01 에 "고양이" 를 대입합니다.

라인 12.    animal02 에 "강아지" 를 대입합니다.


13
14
15
16
17
18
19
20
21
            //AND(&&)
            document.write(
                "animal01 == '고양이' && animal02 == '강아지' = "
                ,animal01=='고양이' && animal02=='강아지',"</br>"
            );
            document.write(
                "animal01 == '고양이' && animal02 == '개' = "
                ,animal01=='고양이' && animal02=='개',"</br>"
            );
cs

라인 14~17.    document.write()를 이용해 body에 내용을 출력합니다. 아래는 document.write()의 예제입니다.

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

   먼저, AND(&&) 입니다. AND는 양측모두 true값 이어야 true를 리턴합니다.

   animal01=="고양이" 는 true 입니다.

   animal02=="강아지" 는 true 입니다.

   결과적으로 true && true 가 됩니다. AND 연산 이기때문에 true를 리턴합니다.

라인 18~21     animal01=="고양이" 는 true 입니다.

   animal02=="개" 는 false 입니다.

   결과적으로 true && false 가 됩니다. AND 연산 이기때문에 false를 리턴합니다.


23
24
25
26
27
28
29
30
31
            //OR(||)
            document.write(
                "animal01 == '고양이' || animal02 == '개' = "
                ,animal01=='고양이' || animal02=='개',"</br>"
            );
            document.write(
                "animal01 == '고양이' || animal02 == '강아지' = "
                ,animal01=='고양이' || animal02=='강아지',"</br>"
            );
cs

라인 24~27.    OR(||)연산자는 양측중 어느하나라도 true 이면 true를 리턴합니다.

   animal01=="고양이" 는 true 입니다.

   animal02=="개" 는 false 입니다.

   결과적으로 true || false 연산이 됩니다. OR(||) 연산이기 때문에 true를 리턴합니다.

라인 28~31     animal01=="고양이" 는 true 입니다.

   animal02=="강아지" 는 true 입니다.

   결과적으로 true || true 연산이 됩니다. true를 리턴합니다.


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

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

jQuery 024. 조건문 if() 의 활용  (0) 2018.10.15
jQuery 023. 조건문 if()  (0) 2018.10.07
jQuery 021. 비교연산자 >,<,>=,<=,==,!=  (0) 2018.10.06
jQuery 020. 이벤트 on(), 클릭이벤트 click()  (0) 2018.10.06
jQuery 019. css 변경하기 css()  (0) 2018.10.06
댓글