[ JavaScript ] JS 논리연산자,부정연산자

이미지 출처 :     https://www.inflearn.com/course/javascript-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B0%95%EC%A2%8C#

 

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅 입니다.

 

---

 

 

- 논리연산자

 

 

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

 

 

 

 

 

- && 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이 출력됩니다.

 

마지막에

if(false || false){ 
    alert(4); 
}

는 좌항과 우항 모두 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 의 결괏값이 출력됩니다.

 

 

 

 

 

 

 

SUA 정보보안 멘토링에 참여하고 있습니다.