Meiren

[Javascript] 기본 - 반복문과 switch문 본문

GTM(구글태그매니저)

[Javascript] 기본 - 반복문과 switch문

meiren 2023. 4. 10. 12:20

1. for 문

상황 : 1부터 10까지 로그를 찍어주세요

for (let i = 0; i < 10; i ++) {

     // 반복할 코드

}

구성

- 3부분으로 나뉘며, ; (세미콜론)으로 나눌 수 있다

- section1, 초기값 설정. 반복문 진입할 때 한번만 실행됨

- section2, 조건. for문을 돌면서 해당 조건에 false가 되면 멈춤

- section3. 코드 실행 후 작업(반복문 1번 실행 후 해야할 작업)

// ver.1
for(let i = 0; i < 10; i ++){
	console.log(i+1)
}


// ver.2
for(let i = 1; i <= 10; i ++){
	console.log(i)
}


// ver.3
for(let i = 1; i <= 11; i ++){
	console.log(i)
}

 

 

 

2. while

1. while

let i = 0;

while i<10){
    console.log(i);
    i++;
}

 

2. do while : 코드를 실행하고 > 조건을 확인

let i = 0;

do {
	// 코드 실행
	i++;
} while (1<10)

 

3. break

- braek : 만나는 즉시 반복문을 멈추고 빠져나옴

- continue : 반복문을 멈추는것은 동일하지만, 빠져나오는게 아닌 다음 반복문으로 옮겨간다.

 

while(true) : 무한반복문은 특정 조건이 되었을 때 break 되는게 중요하다

while(true){
	let answer = confirm('do you want?');      // confirm > 취소 > answer이 false가 된다
    if(!answer){                               // answer가 false가 되려면?
    	break;                                 // break 만날 떄 까지 계속 실행
    }
}

 

4. continue

for(let i=0; i < 10; i++){
	if(i%2){
    	continue;          // continue에 들어오면 > 다시 재작업/반복으로 돌아감
	}
    console.log(i)
}

 

 

3. switch

1. switch 와 if else if

switch(평가){
	case A:
    // A일때 코드
    case B:
    // B일때 코드
    ...
}
if(평가 == A){
	//A일때 코드
} else if(평가 == B){
   	//B일때 코드
}

 

 

2. 사고 싶은 과일을 물어보고 가격 알려주기

let fruit = prompt('무슨 과이릉ㄹ 사고 싶나요?');

switch(fruit){
	case '사과':
    	console.log('100원 입니다.');
        break;                        //해당 case를 만나면 그 뒤 case 모두 출력됨. break 필수!
	case '바나나':
    	console.log('200 입니다.');
        break;
	case '키위':
    	console.log('300원 입니다.');
        break;
	case '멜론':                       // break가 없으면 계속 실행되기 떄문에, 이렇게 case연달아도0
	case '수박':
    	console.log('500원 입니다.');
        break;
	default:
    	console.log('판매중인 상품이 아닙니다.')  // if 문에서는 else, switch문에서는 default
}