[JavaScript] Conditional(조건문)

Conditional(조건문)

- 기본적으로 if, else 사용

- 자바스크립트는 작은 괄호부터 시작해서 큰 괄호로 넘어감

- true인지 false인지 알려주기 때문에 중요함

 

기본 문법

if(condition) {
    // condition === true
} else {
    // condition === false
}

 

else는 없어도 됨, else 부분이 없으면 true가 아니라면 아무것도 하지 않음

 

condition에 해당하는 부분은 boolean(true, false)로 판별 가능해야 함

 

선행

[JavaScript] prompt, typeof, parseInt, isNaN

 

응용

const age = parseInt( prompt("How old are you?") );

if(isNaN(age)) {
    console.log("Please write a number");
} else {
    console.log("Thank you for writing your age")
}

 

isNaN(age) ➝ true(숫자가 아님) : if 실행

isNaN(age) ➝ false(숫자) : else 실행

 

else if

const age = parseInt( prompt("How old are you?") );

if(isNaN(age)) {
    console.log("Please write a number");
} else if(age < 18) {
    console.log("you are too young")
} else {
    console.log("You can drink")
}



여러 개의 if가 필요할 경우 사용

 

age에 해당하는 값이 숫자이지만 18 보다 작을 때 "you are too young" 출력

➝ 문자일 경우 if에 해당하는 코드 출력

 

if, else if 둘 다 false일 경우 : else 출력

심화

const age = parseInt( prompt("How old are you?") );

if(isNaN(age) || age < 0) {
    console.log("Please write a real positive number");
} else if(age < 18) {
    console.log("you are too young")
} else if(age >= 18 && age <= 50) {
    console.log("You can drink");
} else if(age > 50 && age <= 80) {
    console.log("You should exercise");
} else if(age > 80) {
    console.log("You can do whatever you want");
}

 

age === 100을 추가하고 싶을 경우 age > 80 다음에 추가하면 자바스크립트 특성상 age > 80이 먼저 출력되기 때문에 age === 100을 먼저 넣어야 출력 가능

 

&&(AND) : 양쪽 모두 true 여야 출력

OR(||) : 한쪽만 true 여도 출력