조건문이란?
주어진 조건에 따라 코드들의 실행이 결정되는 문(statement)이다.
✅ if문
if문의 기본적인 형태는 아래와 같다.
if(조건식) {
// 조건식이 참일 경우 실행될 코드
}
조건식이 참이면 코드블럭에 실행되는 것이 if문의 기본 구조이다. 중괄호 안의 코드가 한 줄뿐이라면 중괄호를 생략할 수 있다.
if (true) console.log("중괄호 생략 가능");
하지만, 가독성을 위해 생략하지 않고 쓰는 것이 좋다.
✅ if...else문
if문을 단독으로 사용할 수 있지만, 대부분 else문과 함께 사용한다. 하나의 조건이 아닌 여러 개의 조건을 평가해야 하는 상황이 현저히 많기 때문이다. 기본적인 형태는 아래와 같다.
if(조건식1) {
//조건식1이 참(true)일 경우 실행
}
else if(조건식2) {
//조건식 1이 거짓(false)이고 조건식2가 참(true)인 경우 실행
}
else {
//둘다 아닐 경우 실행
}
👉 if문은 참(true) 조건을 가질 때 참 조건의 코드를 실행하고 해당 조건문을 빠져나오게 된다.
✅ switch문
switch문은 표현식의 값에 따라 일치하는 경우 찾아가서 코드를 실행시키는 조건문이다. 아래의 코드가 switch문의 기본 형태이고 보통 10개 이하의 조건에서 많이들 사용한다. 그 외 조건은 for문과 if문을 적절히 사용하는 것이 좋다.
switch(값) {
case 값1 :
//실행 코드
break;
case 값2 :
//실행 코드
break;
case 값3 :
//실행 코드
break;
case 값4 :
//실행 코드
break;
default :
//일치하는 경우가 없을 때 실행시킬 코드
break;
};
switch문의 특징은 아래와 같다.
- 코드 실행을 한 뒤, break에 의해서 조건문을 빠져나오게 한다. 그렇지 않으면 결과물은 값에 해당되는 코드부터 끝날 떄 까지의 코드를 전부 실행시킬 것이다.
- 표현식이 case와 일치하는 경우가 없다면 default문으로 이동하게 된다.
- default문은 선택사항이다.
예시)
let price = 0; // price 변수 선언 및 초기화
let menu = '바닐라라떼'; //menu에 바닐라라떼를 입력
switch(menu) {
case '아메리카노':
price = 1500;
break;
case '카페라떼':
price = 3000;
break;
case '바닐라라떼':
price = 3500;
break;
case '바닐라크림콜드브루':
price = 6000;
break;
case '자바칩프라프치노':
price = 6500;
break;
default:
console.log('해당 메뉴 이름을 정확히 입력하세요.'); //메뉴에 없을 때 실행 코드
}
console.log(price); //가격 출력
//결과
3500
그 외 조건문
✅ 삼항연산자(조건연산자)
삼항연사는 if문과 비슷하게 동작한다. 기본 형태는 아래와 같다.
// 조건식 ? 참일 경우 실행 코드 : 거짓일 경우 실행 코드
const price = 6500;
const msg = (price > 6000) ? '비싸요!' : '안비싸요~';
console.log(msg);
'Language > JavaScript' 카테고리의 다른 글
브라우저 이벤트(Event) (0) | 2023.12.04 |
---|---|
프로토타입(Prototype) (0) | 2023.09.09 |
Class(생성자 함수, 객체 생성 방식) (0) | 2023.09.02 |
반복문(for, while, do...while) (2) | 2023.08.29 |
변수(Variable) (0) | 2023.08.26 |