조건문 if - 조건을 만족하는 데이터를 처리
if(조건 1){
처리 1
} else if(조건 2){
처리 2
} else {
처리 3
}
const myAge = 33;
if(myAge >= 50){
console.log('나이는 50살 이상입니다.');
}else if(myAge >= 10){
console.log('나이는 10살 이상 50살 미만 입니다.');
}else{
console.log('나이는 10살 미만입니다.');
}
else if와 else는 필요에 따라서 구문의 생략도 가능.
const hello = false;
if(hello){
console.log('안녕!!');
}
console.log('반가워~~');
switch - 조건을 만족하는 다수의 데이터를 처리
switch(식) | 식에 따른 처리를 분기 |
case 값 : 처리 내용 | 해당 조건을 만족 시 처리 |
default : 처리 내용 | 만족하는 조건이 하나도 없는 경우 처리 |
const myFruit = '사과';
switch(myFruit){
case '사과' :
console.log('나는 사과입니다.');
break;
case '배' :
console.log('나는 배입니다.');
break;
default :
console.log('나는 과일이 아닙니다.');
break;
}
switch문에 break문을 생략하면 조건이 끝나지 않고 다음 case문의 조건 일치 여부를 계속 환인 한다.
const myFruit = '사과';
switch(myFruit){
case '사과' :
console.log('나는 사과입니다.');
case '배' :
console.log('나는 배입니다.');
break;
default :
console.log('나는 과일이 아닙니다.');
break;
}
const myFruit = '사과';
switch(myFruit){
case '사과' :
case '배' :
console.log('나는 과일입니다.');
break;
default :
console.log('나는 과일이 아닙니다.');
break;
}
break문을 사용하지 않고 case 문을 여러 개를 사용할 수 도 있다.
default문은 생략 가능하다.
※ switch 식은 값과 타입의 비교( === )가 모두 이루어진다.
const myValue = '100';
switch(myValue){
case 100:
console.log('숫자 타입 100');
break;
default :
console.log('숫자 타입 100이 아닙니다.');
break;
}
for 문 - 반복 처리 작업을 하고 싶을 때 사용
for(초기화; 반복문 조건; 반복 중 처리 구문){ 반복 처리 내용 }
for(let index = 0; index < 10; index++){
console.log(index);
}
실행 순서
1. 초기화 index에 0이 대입
2. 반복문 조건인 index < 10을 만족하여 console.log(index)가 실행되어 0을 출력
3. 반복문 처리 구문에서 index++이 실행되어 index는 1이 된다.
4. index가 9가 될 때까지 2, 3번을 반복
5. index가 9에서 index++이 실행되어 index가 10이 된다.
6. 반복문 조건인 index < 10을 만족하지 않아 for문이 종료
while 문 - 일정 조건을 충족할 때까지 반복 처리
while(반복 조건) { 반복 처리 내용 }
for문과 유사하나 while문은 반복 조건만 지정
let num = 0;
while(num < 10){
console.log(num);
num++;
}
continue - 반복 처리 중 특정 조건에 대해 스킵하고 싶을 때, for문 루프 중 처리 스킵
for문이나 while문의 반복 처리 작업 중 특정 상황에는 예외가 필요할 때 사용
for(let index = 0; index < 10; index++){
if(index % 2 == 0){
continue;
}
console.log(index);
}
'Develop > JAVASCRIPT' 카테고리의 다른 글
자바스크립트 기초 - 문자열(length, trim, indexOf, lastIndexOf, search, includes, startsWith, endsWith, charAt) (0) | 2022.12.22 |
---|---|
자바스크립트 기초 - Boolean, Number, Math (0) | 2022.11.17 |
자바스크립트 기초 - 함수, 화살표 함수, 함수 초기값, 나머지 파라미터 (0) | 2022.11.14 |
자바스크립트 기초 - 주석(코멘트), 비교 연산자, 복합형 대입 연산자 (0) | 2022.11.08 |
자바스크립트 기초 - 변수(let), 상수(const) (0) | 2022.11.08 |
댓글