자바스크립트 헷갈리는 논리연산자 : || (or) $$ (and) !(not)

6. logical(논리) operators : || (or) $$ (and) !(not)

 

 

1. or : 3중에 1개 라도 true 면 true 리턴

const value1 = false;
const value2 = 4 < 2; // 4가 2보다 작다? 틀리므로 false

console.log(`or: ${value1 || value2 || check()}`); //여기서 check 함수는 리턴값인 true를 리턴한다.
//value1 or value2 or check 중 하나라도 true 라면 true로 계산이 되는 연산자

function check() {
  for (let i = 0; i < 10; i++) {
    //시간을 잡아먹지만 결국 리턴값인 true 를 반환해줘
    console.log('🤬');
  }
  return true;
}

 value1 과 value2의 값이 false 이므로 

console.log(`or: ${value1 || value2 || check()}`); 로 확인해봤을때 

마지막 check 함수의 return 값이 true 이므로 

 

or 의 결과는 true로 나온다. 

 

 

 

 

하지만 or 연산자는 처음으로 true 가 나온다면 멈춘다 > or 중 한개라도 true 이면 = true

const value1 = true; //첫번째 or 이 true 일때
const value2 = 4 < 2; 

console.log(`or: ${value1 || value2 || check()}`);

function check() {
  for (let i = 0; i < 10; i++) {
    console.log('🤬');
  }
  return true;
}

 or 의특성상 한개라도 true 가 나오면 뒤에가 false 건 말건 다필요없이 true 만 반환하기때문에

consol.log 로 찍어봐도 

앞에 value1 을 true 로 반환한뒤 멈춘다. 

 

 

 

 

따라서 or 을 사용해서 연산을 많이 하는 함수를 호출할때  유용하다. 

 

간단한 연산자 값들을 먼저 호출하고 함수같은건들은 마지못해 맨 뒤에 넣는게 효율적이다. 

 

 

 

---

2. and  :  3중에 3개 모두 true 면 true 리턴 / 한개라도 false 면 false

 

const value1 = true;
const value2 = 4 < 2; // 4가 2보다 작다? 틀리므로 false

// && and 모두다 true로 되어야 리턴한다 즉 첫번째가 false 면 멈추고 false 리턴
console.log(`and: ${value1 && value2 && check()}`);

function check() {
  for (let i = 0; i < 10; i++) {
    //시간을 잡아먹지만 결국 리턴값인 true 를 반환해줘
    console.log('🤬');
  }
  return true;
}

 

첫번째가 false 라면 뒤에는 실행되지 않으므로 or 과 마찬가지로 중요한연산은 맨 마지막에 두는것이 좋다.

 

and 의 응용

또한 and 는 null을 판단할때도 유용하다 

예제와 같이 nullableObject 가 null 이 아닐때 something 벨류를 실행

if (nullableObject != null) {
  nullableObject.something;
}

 

---

3. not  :  값을 반대로 바꿔준다.

const value1 = true;
const value2 = 4 < 2; // 4가 2보다 작다? 틀리므로 false
function check() {
  for (let i = 0; i < 10; i++) {
    //시간을 잡아먹지만 결국 리턴값인 true 를 반환해줘
    console.log('🤬');
  }
  return true;
}

// !not 값을 반대로 바꿔줌
console.log(!value1);

console.log(!value1); > false // 상위에 true 할당된 값을 바꿔준다.