본문 바로가기

자바스크립트

조건문

- 조건문 : 어떠한 조건을 판별하는 기준을 만드는 것

-> 반드시 비교연산자가 필요하다.

-> boolean으로 결과가 나오는 비교구문으로 작성

-> boolean : 참,거짓을 나누는 자료 타입

-> 두가지 이상의 조건으로 조건문을 작성시 논리연산자를 이용하여 작성


- 비교연산자 : 비교 결과 값이 반드시 true, false인 것(boolean)

> , < , >= , <= , === , !== 등
→ 3 > 5 (false) 

→ ‘hello’ === ‘world’ (false) 1)값의 자료형(타입) 2)실제 값 

->두 조건을 비교하여 모두 일치할 경우에만 true, 그 외의 경우 false 

-> 엄격한 비교연산자, javascript에서는 ===,!==를 사용하는 것이 결과를 예상하기 쉽다.

→ ==인 경우 값의 자료형이 다른경우라도 예외 상황에 따라 true로 반환

ex) 1 == true(true) , 1 == ‘1’ (true)


- 구조 :

if(조건문1) { 조건문1을 통과한 경우 실행할 내용 } 

else if(조건문2) { 조건문1을 통과하지 못함,조건문2를 통과한 경우 실행할 내용 } 

... else { 모든 조건문을 통과하지 못한 경우 실행할 내용 }

-> else if(조건문) {내용} : 상위에 있는 조건들은 모두 통과하지 못함(false), 현재 해당하는 조건만 통과(true)한 상태


- 두가지 조건을 한번에 적용하는 경우 : 논리연산자를 사용하여 작성

&&(and, 두가지 조건을 모두 만족한 경우 true) , ||(or, 두가지 조건중 최소 하나이상 만족한 경우 true), !(not, 해당하는 조건 결과값을 반전, truthy, falsy여부 반전)

- truthy, falsy : boolean타입이 아닌 값을 true , false로 취급

→ !undefined = true, !’hello’ = false( ‘’이 되지 않고 false가 값으로 나온다, truthy하기 때문에 false로 값이 나온다)

->undefined는 값이 할당되지 않았다는 이유로 falsy한값(false로 취급)

->문자열은 값을 가지고 있기 때문에 truthy한값(true로 취급) 

- falsy한값(false로 취급되는 값, 조건문에서 값으로 사용시 false로 취급)

→ false , null(값이 없다), undefined, 0, NaN, ‘’(빈문자열) 

- 논리 연산자에 비교값이 boolean값이 아닌 경우

→ or연산자(||)는 truthy값을 그대로 출력(둘 다 truthy인 경우 앞에 있는 값 그대로 출력)

/  둘 다 falsy한 경우 맨 뒤에 있는 값 그대로 출력

→ and연산자(&&)는 falsy한 값을 그대로 출력(둘 다 falsy인 경우 앞에 있는 값 그대로 출력)

/  둘 다 truthy한 경우 맨 뒤에 있는 값 그대로 출력

 

'자바스크립트' 카테고리의 다른 글

자주 사용되는 String 메서드  (0) 2021.05.07
함수 선언식과 표현식의 차이(+호이스팅의 개념)  (0) 2021.05.07
함수  (0) 2021.04.07
타입  (0) 2021.04.06
변수  (0) 2021.04.06