[TIL] 2021.03.12 JS와 가까워지기_lesson 조건문

Achievement Goals(학습목표 )

조건문 기초, 퀴즈, 실습
truthy와 falsy 가 조건문에서 작동하는 방식을 이해할 수 있다.
비교연산자를 통한 엄격한 비교(=== , !==)에 대해 이해할 수 있다.
if 와 else if , else를 이해하고 무리없이 활용할 수 있다.
논리연산자를 (&&, ||, ! ...)을 통해 복잡한 조건을 간결하게 작성할 수 있다.

조건문 (Conditional)

조건을 배우기 위해서는 Boolean 타입에 대한 이해가 필요하다.

let isAdult = true; //또는 false
let isStudent = false; //또는 false

조건문은 어떠한 조건을 판별하는 기준을 만드는 것이다.
그래서 조건문에는 반드시 비교 연산자(comparison operator)필요하다.
그리고 비교의 결과는 늘 Boolean, 즉 true 또는 false로 나온다.

아래는 절대 사용하면 안되는 연산자들!!

조건문의 양식

if (조건1) {
  //조건1이 통과할 경우
} else if (조건2) {
  //조건1이 통과하지않고 
  //조건2가 통화할 경우
} else {
  //모든 조건이 통과하지 안는 경우
}

// 조건에는 Boolean으로 결과가 나오는 표현식이 들어간다!
// 조건에는 Boolean으로 결과가 나오는 비교구문이 들어간다!

두가지 조건이 한번에 적용되는경우에는 어떻게 해야할까 ?

그럴땐 논리연산자(Logical Operator)를 사용하면 된다!

1. 학생이면서 여성일 때 (두개의 조건이 모두 맞아야할때 / and연산자)
isStudent && isFemale ; 
2. 학생이거나 여성일 때 (두개의 조건 중 하나라도 맞을 때 / or연산자)
isStudent || isFemale ; 
3. 학생이아니면서 여성일때 (truthy,falsy 여부를 반전시킴 /Not연산자)
!isStudent && isFemale ; 


no.1 논리연산자 AND 

true && true //true
true && false //false 
false && false //false

no.2 논리연산자 NOT

!false //true
!(3>2) //false
!undefinded //true undefined를 false를 취급하기때문에 !(not)이 붙어서 true가출력
!'Hello' //false 문자열'Hello'를 true로 취급하기때문에 !(not)이 붙어서 false가출력

텍스트여기서 기억해야할 6가지 falsy 값
텍스트이들은 if문에서 false로 변환되므로 , if구문이 실행되지 않는다.

if(false)
if(null)
if(undefined)
if(0)
if(NaN)
if('')

논리 연산자의 결과에는 Boolean이 아닌 값이 들어갈 수 있다.
OR 연산자는 true값을 만나면 그 값을 출력하고 그 이후로는 평가하지 않는다.

undefined || 10 // 10
5 || 10 // 5
5 || console.log('실행되지 않음') // 5

또는 둘다 false의 값일 경우 뒤에 있는 값을 출력합니다.

undefined || false // false 

AND 연산자는 false값을 만나면 그 값을 출력합니다.

undefined && 10 // undefined
5 && false //false 

또는 둘다 true의 값일 경우 뒤에 있는 값을 출력합니다.

5 && 10 //10