본문 바로가기
programming/javascript

자바스크립트 논리연산자의 사용 using javascript logical operators

by 개코 - 개발과 코딩 2022. 4. 6.

자바스크립트도 논리연산자를 사용하여 조건식을 꾸밀 수 있다. 논리연산자는 2개 이상의 조건식을 결합하여 여러 가지 조건을 만족시키1고자 하는 작업이다. 논리연산자의 종류는 3가지로 and ( &&) or ( || ) not ( ! ) 이 있다. 이들을 사용하여 2개 이상의 조건식을 결합할 수 있으며, 사용이 애매하다면 조건문을 여러개 작성하거나 중첩하여 사용해 보도록 한다. 공통적이 부분들이 보인다고 논리연산자를 사용하여 코드를 줄일 수 있다.

자바스크립트 논리연산자의 사용
using javascript logical operators

논리연산자는 3가지가 있다. and or not 이다. 자바스크립트에서도 논리연산자는 이 3가지를 이용하여 조건식을 조합하여 특정값을 조작하거나 프로그램을 동작시킨다.

이 논리연산자는 다른 언어들에서도 사용법은 비슷하다.

단지 특정 언어는 다른 표현으로 사용하기도 한다.

조건식은 간결하게 사용한다.

논리연산자를 이용해 조건식을 2개이상 조합하여 사용할 때 처음이라면 조금 난해할 수 있다.

익숙하지 않은 경우 조건문은 안에 조건문을 사용하는 중첩의 형태로 사용하는 경우들도 있다.

상관없다. 어차피 업무적인 논리만 맞으면 되니까 말이다.

단지, 논리연산자를 사용하는 것이 조건식에 대한 코딩을 줄이고 직관적으로 파악하기 위함이기도 하다.

조건식이 많고, 복잡할 수록 차라리 중첩의 형태로 사용하는 것이 더 나을 수도 있다.

조건식과 논리연산자를 사용하는 경우는 조건식이 명확해야 하는 경우들이 많다.

중첩하거나 복잡한 경우 공통적인 부분들을 찾아 간결하게 사용하면 그만이다.

논리연산자 종류와 사용법

논리연산자는 3가지 종류가 있다. and or not 이다.

이들을 코드적으로 표현하면 && || ! 이다.

의미는 다 알고 있을 것이다.

and 는 그리고, or 은 또는 ! 은 아니다 란 의미이다.

이들을 사용하여 여러가지 조건식을 결합하여 프로그램을 동작시키고 데이터를 조작할 수 있다.

논리연산자에 대해 간단하게 설명하면 다음과 같다.

  • A && B
    A and B
    조건식 A 와 B 모두가 모두 참일 경우 동작
  • A || B
    A or B
    조건식 A 또는 B 중 하나라도 참일 경우 동작
  • !A
    not A
    조건식 A 의 결과를 반대로 바꿈 참이면 거짓으로 만든다.

샘플코드

위의 내용을 바탕으로 자바스크립트 예제를 만들어 본다.

조건식을 단순히 만들어 보고 논리연산자로 연결하여 결과를 확인하면 그뿐이다.

위에서 말이 많았지만, 코드를 보면 허무하다.

코드를 보자.

<!DOCTYPE html>
<html>
    <body>

        <script>
            
            let _boolean

            console.log('----------');

            let vA = 10;
            let vB = 100;
            let vBoolean = false;

            console.log("vA 가 %s 이고, vB 가 %s 일때 비교 ", vA, vB);

            console.log('----------');

            _boolean = (vA > 50 && 50 > vB);
            console.log("vA > 50 && 50 > vB : %s", _boolean);

            _boolean = (vA > 50 || 50 > vB);
            console.log("vA > 50 || 50 > vB : %s", _boolean);

            _boolean = (vA == vB);
            console.log("(vA == vB) : %s", _boolean);

            _boolean = !(vA == vB);
            console.log("!(vA == vB) : %s", _boolean);

            _boolean = (vA != vB);
            console.log("(vA != vB) : %s", _boolean);

            _boolean = !(vA != vB);
            console.log("!(vA != vB) : %s", _boolean);

            console.log('----------');

        </script>

    </body>
</html>

단순하고 별 것 없다.

만약 조건식이 여러가지가 있고, 논리연산자를 사용하기에 애매한 경우가 있다면 차라리 조건문을 여러 개 사용하거나 중첩하여 사용하는 것이 나을 수 있다.

위의 코드에서 not 인 경우가 조금 애매한 경우들이 있기에 추가하여 코드를 만들었다.

결과화면을 보자.

반응형

댓글