[TIL] JavaScript: operators (조건문, 반복문)

2834 단어 반복문TILTIL

🔑 Point!
🎉 Conditional operator (조건문)
🎉 Loops (반복문)


👉 Conditional operator (조건문)

if, else if, else

  • if 문을 사용하여 나이를 입력하면 답이 출력되게 만들어 보기.
let age = prompt('How old are you?');
if ( age < 10 ) {
	alert('You are small baby👶🏻');
    } else if ( age < 30 ) {
    alert('You are baby👶');
    } else if( age < 40 ) {
    alert('You are mid baby👶');
    } else if ( age < 50 ) {
    alert('You are Big baby👶');
    } else {
    alert('Get healthy🏃‍♂️');
    }

switch

  • switch 문은 다양한 if 를 체크할 때, 즉 열거형 값을 체크하는데에 유용하게 쓰입니다.
let fruit = prompt('무슨 과일을 사고싶나요?')

switch (fruit) {
  case '사과':
    console.log('100원 입니다.');
    break;
    
  case '딸기':
    console.log('200원 입니다.');
    break;
    
  case '바나나':
  case '망고':
    console.log('500원 입니다.');
    break;
    
  case '수박':
    console.log('700원 입니다.');
    break;
    
  default:
    console.log('그런 과일은 없습니다.')
}

case'케이스': : switch 문에서 case란 if와 비슷합니다.
break : break가 없으면 switch문은 값이 나온 case 뒤의 값을 모두 출력합니다. 따라서 멈추고싶다면 break를 써야합니다.
default 기본 값을 줄 수 있습니다. if문의 else같은 역할을 합니다.
여러 case의 값이 동일할 때 : 바나난와 망고의 가격은 500원으로 같은 것을 알 수 있습니다. 이런 방식으로 중복되는 값이 나오는 CASE를 작성할 수 있습니다.

👉 Loops (반복문)

1. for (begin 초기문; condition 조건문; step 증감문)

조건이 거짓으로 판별될 때 까지 반복된다.
1. begin은 처음 한번만 호출한다.
2. 블럭을 실행하기 전에 condition이 맞는지 확인한다.
3. condition이 안맞을 때 까지 step을 진행한다.

// 0 부터 10까지 나오게 하기. 

for (i = 0; i <= 10; i++) {
	console.log(i)
}

2. while(condition)

어떤 조건문이 참이라면 문장을 반복하여 수행한다.
(조건문이 맞을 때만 블럭을 실행하고 싶으면 while)

// 3, 2, 1 나오게 하기

i = 3
while (i > 0) {
	console.log(i)
    i--;
}

3. do-while

(블럭을 먼저 실행하고 조건문을 확인하고 싶으면 do while)

do {
	console.log(i);
    i--;
} while (i > 0)

break

break문은 반복문, switch문, 레이블 문과 결합한 문장을 빠져나올 때 사용한다. 즉, 반복문을 완전히 끝낼 때 사용!

  • 0부터 10까지 반복문을 만들되 7이 되면 반목문을 멈추도록 해보자!
for ( i = 0; i <= 10; i++ ) {
	if( i > 7 ) {
    	break;
        }
   console.log(i);
}

continue

지금 것만 skip하고 다음 걸로 넘어가고싶을 때 사용한다.

  • 0부터 10까지 중에 짝수만 나오게 해보자.
for ( i = 0; i <= 10; i++ ) {
	if (i % 2 !== 0) { //--> i 난누기 2가 0이 아닐 떄, 홀수일때 
   	continue;
    }
    console.log(i);
}
--------------------------------
// continue를 안쓴다면 더 간단히 쓰는 방법 
for ( i = 0; i <= 10; i++) {
	if (i % 2 === 0) {
    console.log(i);
    }
}

좋은 웹페이지 즐겨찾기