자바스크립트 조건문
if 문
조건문의 기본은 if 문이다.
( ) 안에는 불리언의 값이 있어야 한다.
( ) 안에 true이면 { } 안에 들어가 있는 코드 블록들은 실행시켜주고, false 이면 실행이 안된다.
ui구현에서는 웹페이지에서 "내가 클릭한 게 맞으면 나타나게 해 줘" 일 때 쓰인다.
if (표현식) {
// 표현식의 값이 true일 경우 { } 안에 코드가 실행된다.
}
if…else 문는 if ( ) 안에 true이면 실행이 된다 만약에 false 일 경우에도 실행하려면 else문은 써야 한다.
즉, 참과 거짓에 따라 실행이 된다.
ui구현에서는 웹페이지에서 "이거 클릭하면 실행하고 또 클릭하면 실행 취소할 때" 쓰인다.
if (표현식) {
// 표현식의 값이 true일 경우 { } 안에 코드가 실행된다.
} else {
// false 일 경우 { } 안에 있는 것들이 실행된다.
}
else if 문는( ) 안에가 참이면 { } 안에 있는 코드가 실행된다.
ui구현에서는 "내가 클릭한 게 ( ) 안에 A가 참이면 { } 안에 있는 A 관련된 코드를 실행이 된다.
if (score > 90) {
console.log("A");
} else if (score > 80) {
console.log("B");
} else if (score > 70) {
console.log("C");
} else if (score > 60) {
console.log("D");
} else {
console.log("F");
}
switch 문은 ( ) 안에 참이면 참인 코드를 찾아서 실행이 된다.
switch 문의 case문과 하나의 default문으로 구성이 되어있고
( ) 안에 참인 것에 따라 case문에 있는 것들은 실행이 된다.
switch (표현식) {
case 1:
//...
break;
case 2:
//...
break;
default:
//...
break;
}
만약에 case 문에 break 문이 없으면 switch 문이 종료되지 않고 case문을 계속 실행시켜준다.
삼항 연산자
( ) 안에 참이면 : 기준으로 실행이 된다.
":" 기준으로 참이면 왼쪽 꺼 실행, 거짓이면 오른쪽 꺼 실행이 된다.
// 조건부 연산자
(조건식) ? 실행구문1 : 실행구문2;
// 예시
var num = 42;
var result = (num % 2 === 0) ? "even" : "odd";
console.log(result); // 'even'
삼항 연산자를 사용하면 if…else 코드의 길이를 줄이는데 도움이 된다고 한다.
