[JavaScript] 자바스크립트 #3 조건문 (Conditional Expression)

1.  조건문 형태

if (조건1) {

// 조건 1 통과 경우에 적용할 수식 설정

} else if (조건2) {

조건 1 통과하지 않고 조건 2 통과한 경우에 적용할 수식 설정

} else {

조건 1,2 모두 통과하지 않은 경우에 적용할 수식 설정

}

 

(예시) 1000 미만의 자연수를 호출했을 때, 자리수를 반환하는 함수 선언

function numberOfDigit(num) {
if (num<10) {
return 'units'}
else if (num<100) {
return 'tens'}
else if (num<1000) {
return 'hundreds'}
else {
return 'UNVALID'}
}

 

2. 주의사항

(1) 나열 순서

- 조건문은 나열 순서가 중요합니다. 교집합이 있다면 가장 먼저 적어줘야 합니다.

- (예시) 3의 배수와 5의 배수에 대한 조건문 작성시, 교집합인 15의 배수에 대한 조건문을 먼저 작성해야 합니다.

             3의 배수에 대한 조건문을 먼저 작성하게 되면, 15는 3의 배수이지만 5의 배수가 아닌 것으로 인식됩니다.

 

(2) if문에 해당하지 않는 조건 연산

- if문의 조건에 해당되지 않으면 if문이 실행되지 않습니다.

- (예시) 조건이 n>4인 경우, n<=3 인 경우 if문이 실행되지 않습니다.

3. 비교 연산자

- if문의 괄호( )안에 조건을 입력할 때, 비교 연산자만 사용 가능

연산자	설명
===	일치
!==	불일치
>	초과
>=	이상
<	미만
<=	이하
==	동등 (사용하지 않는 것을 권장)
!=	부등 (사용하지 않는 것을 권장)

- 연산자 '=='와 '!='는 예외가 많기 때문에 사용하지 않는 것을 권장

- 대신 '==='와 '!=='를 사용 권장

4. 논리 연산자

- 2가지 조건이 한번에 적용되는 경우 사용됩니다. 즉 if문 괄호()안에 2가지 조건을 입력하는 경우입니다.

- 물론 논리 연산자를 사용하지 않고 if문을 중첩하는 방법도 있습니다.

 

1) && : AND 연산자

True && True // True

True && False // False

False && False // False

 

2) || : OR 연산자

True || True // True

True || False // True

False || False // False

 

3) ! : NOT 연산자 - 조건 앞에 사용하여 참, 거짓 여부 반전시킴

!false // true

!(3>2) // false

!undefined // true (undefined은 원래 false)

!’Hello’ // false (문자열은 원래 true)

5. 기억해야 할 6가지 falsy(거짓 같은) 값

:if문에서 False로 변환되므로, if구문에서 실행되지 않습니다.

if (false)

if (null)

if (undefined)

if (0)

if (NaN)

if (‘ ’)