🍯 조건문
if 문
if (조건 1) {
//조건 1이 참이면 실행될 코드블럭
} else if (조건 2) {
//조건 2가 참이면 실행될 코드블럭
} else {
//조건 1과 조건 2 모두 거짓이면 실행될 코드블럭
}
조건식의 평과 결과가 true일 경우 if문의 코드가 실행되고, false일 경우 else문의 코드가 실행된다.
let emotion = 'happy';
if (emotion === 'happy') {
console.log('😁');
} else if (emotion === 'sad') {
console.log('🥲');
} else {
console.log('🤔');
}
조건을 더 늘리고 싶다면 else if를 사용해 추가하면 된다.
삼항연산자
if 조건문은 삼항 연산자로 바꿔 작성할 수 있다.
위의 예시를 삼항 연산자로 바꾸어보자.
let emotion = 'happy';
emotion === 'happy' ? console.log('😁') : console.log('🥲');
위 식은 더 간단하게 쓸 수 있다.
let emotion === 'happy' ? '😁' : '🥲';
console.log(emotion);
switch문
switch(표현식){
case 표현식1:
실행될 문;
break;
case 표현식2:
실행될 문;
break;
default:
일치하는 case가 없을 때 실행될 문
}
정해진 범위 안의 값에 대해 특정한 일을 해야 하는 경우 쓰면 좋다.
let day = 1;
switch (day) {
case 1:
dayName = '월요일';
break;
case 2:
dayName = '화요일';
break;
case 3:
dayName = '수요일';
break;
case 4:
dayName = '목요일';
break;
case 5:
dayName = '금요일';
break;
case 6:
dayName = '토요일';
break;
case 7:
dayName = '일요일';
break;
default:
console.log('해당하는 요일이 없습니다.');
}
console.log(dayName); //월요일
조건에 해당하면 switch문을 탈출해야 한다.
이때, 각 case의 break문을 통해 탈출한다.
만약 작성하지 않을 경우, 조건이 일치했어도 switch문이 끝날 때까지 모든 case와 default문을 실행한다.
🍯 반복문
for문
반복문의 경우 조건식이 거짓일 때까지 반복된다.
참인 경우 코드 블록을 실행하고. 다시 평가하고 참일 경우 또다시 실행한다.
for(변수 선언문; 조건식; 증감식) {
// 조건식이 참일 경우 반복 실행될 문
}
for (let i = 0; i < 5; i++) {
console.log(i);
}
//0
//1
//2
//3
//4
for문 안에 for문을 중첩해서 사용할 수 있다.
for (let i = 0; i < 5; i++) {
for (let j = 0; j < 5; j++) {
console.log(i, j);
}
}
//0 0
//0 1
//0 2
//0 3
//0 4
//1 0
//1 1
//1 2
//1 3
//1 4
//2 0
//2 1
//2 2
//2 3
//2 4
//3 0
//3 1
//3 2
//3 3
//3 4
//4 0
//4 1
//4 2
//4 3
//4 4
for문 안에 어떤 식을 사용하지 않아도 돌아간다.
다만, 코드 블록을 무한히 반복 실행하는 무한 루프에 빠지게 된다.
for (;;) {
console.log('💩');
}
//💩
//💩
//💩
//💩
//💩
...
while문
while문은 조건식의 평과 결과가 참인 경우 코드 블록을 계속 실행한다.
보통 for문의 경우 반복 횟수가 명확한 경우 사용하고, while문은 불명확할 때 사용한다.
while(true){ }
let num = 5;
while (num >= 0) {
console.log(num);
num--;
}
//5
//4
//3
//2
//1
//0
이 또한 무한루프에 빠지기 쉽다.
따라서 코드 블록 내에 if문으로 탈출 조건을 만들고 break문으로 탈출한다.
let num = 0;
while (true) {
console.log(num);
num++;
if(num === 3) break;
}
do ... while문
do ... while문의 경우 do에 해당하는 코드블록을 먼저 실행하고 조건식을 평가한다.
do{
console.log('do 실행')
} while (false);
//do 실행
'JavaScript' 카테고리의 다른 글
객체 (0) | 2023.02.21 |
---|---|
함수 (0) | 2023.02.19 |
연산자 (0) | 2023.02.19 |
변수와 데이터 타입 (0) | 2023.02.13 |
함수 이름 짓기 (0) | 2022.10.27 |
댓글