[ JavaScript ] 자바스크립트 기본 문법 | 논리연산자(AND, OR) , 부정연산자 (!) | Boolean 대체

 

이미지 출처 :  https://commons.wikimedia.org/wiki/File:JavaScript-logo.png

 

 

 

 

해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다.

 

 

 

---

 

 

 

자바스크립트 기본 문법  ::  논리연산자

 

 

논리 연산자는 조건문을 좀 더 간결하고 다양한 방법으로 구사할 수 있도록 도와줍니다.

 

 

 

 

 

자바스크립트 기본 문법  ::  && (AND 연산)

 

 

&&는 좌항과 우항이 모두 참(true)일 때 참이 됩니다.

 

예제로 살펴보도록 하겠습니다.

 

if(true && true){
    alert(1);
}
if(true && false){
    alert(2);
}
if(false && true){
    alert(3);
}
if(false && false){
    alert(4);
}

 

&&의 좌우항이 모두 true인 것은 첫번째 조건문 밖에 없기 때문에 결과는 1이 됩니다.

 

이러한 논리 연산자를 and 연산자라고 합니다.

 

 

 

 

 

자바스크립트 기본 문법  ::  || (OR 연산)

 

 

'||'는 '||'의 좌우항 중에 하나라도 true라면 true가 되는 논리 연산자입니다.

 

예제로 살펴보도록 하겠습니다.

 

if(true || true){
    alert(1);
}
if(true || false){
    alert(2);
}
if(false || true){
    alert(3);
}
if(false || false){
    alert(4);
}

 

 

위 예제의 결과는 1,2,3이 출력됩니다.

마지막 조건문의 '||'는 좌항과 우항이 모두 false이기 때문에 false가 됩니다.

 

 

 

 

 

자바스크립트 기본 문법  :: ! (NOT 연산)

 

'!'는 부정의 의미로, Boolean의 값을 역전시킵니다.

true를 false로 false를 true로 만든다고 생각하면 쉽습니다.

 

예제로 살펴보도록 합시다.

 

 

if(!true && !true){
    alert(1);
}
if(!false && !true){
    alert(2);
}
if(!true && !false){
    alert(3);
}
if(!false && !false){
    alert(4);
}

 

위 예제의 결과는 4입니다.

 

 

 

 

 

 

 

자바스크립트 기본 문법  :: Boolean의 대체

 

 

조건문에 사용될 수 있는 데이터 형이 꼭 불린만 되는 것은 아닙니다.

 

관습적인 이유로 0은 false.

 

0이 아닌 값은 true로 간주됩니다. 

 

 

if(0){
    alert(1)
}
if(1){
    alert(2)
}

 

 

위의 예시는 2를 출력합니다.

 

 

if(!''){
    alert('빈 문자열')
}
if(!undefined){
    alert('undefined');
}
var a;
if(!a){
    alert('값이 할당되지 않은 변수'); 
}
if(!null){
    alert('null');
}
if(!NaN){
    alert('NaN');
}

 

 위의 예제는 각각

 

빈 문자열, undefined, 값이 할당되지 않은 변수, null, NaN 의 결과를 보여줍니다.