JavaScript | 제어문 [조건문 _(if문, 삼항연산자, switch문), 반복문 _(for문, while문)]

yuni·2022년 9월 21일
0

javascript

목록 보기
4/16
post-thumbnail

❔ 제어문(control flow statements) ❔

⇒ 코드의 흐름을 제어하는 실행문이다. 조건만족 여부에 따라 실행문을 제어하는 조건문과 특정 실행문을 여러번 반복 실행하는 반복문이 있다.

  • 조건문 : 조건여부에 따라 실행문을 실행 (if문, else문, else if문 ,switch문)
  • 반목문 : 실행문을 지정한 횟수만큼 반복해서 실행(for문 ,while문, do-while문)

🔔 조건문

조건식의 값이 참인지 거짓인지에 따라 실행문의 제어가 결정된다.

🥕 if 문

  • if문 : if(조건) { }
    조건이 참일때 { }실행
  • else문 : if(조건) { } else { }
    조건이 참일때 { }실행 거짓일때 else{ }실행
  • else if문 : if(조건1) { ] else if(조건2) { } else { }
    조건이 다수의 조건일때 순차적으로 검사 후 실행
//조건문

//if문
let fruit = 'orange';
if (fruit === 'orange') {
  //조건이 참일때
  console.log('🍊');
}

//else문
let fruit = 'orange';
if (fruit === 'orange') {
  //조건이 참일때
  console.log('🍊');
} else {
  //조건이 거짓일때
  console.log('오류⁉⁉');
}

//else if문
let fruit = 'orange';
if (fruit === 'orange') {
  //조건1가 참일때
  console.log('🍊');
} else if (fruit === 'tomato') {
  //조건2가 참일때
  console.log('🍅');
} else {
  //조건이 거짓일때
  console.log('오류⁉⁉');
}

🥕 삼항 조건 연산자(Ternery Operator)

  • ( 조건식 ? 참 : 거짓 )
//삼항 조건 연산자
// 조건식 ? 참 : 거짓
let food = 'pizza';

//food가 pizza일때 🍕 아닐때 ❌
food === 'pizza' ? console.log('🍕') : console.log('❌');

let emoji = food === 'pizza' ? '🍕' : '❌'
console.log(emoji); //🍕

🥕 switch 문

  • switch 문은 변수에 저장된 값과 switch 문에 있는 경우(case)의 값을 검사하여,
    변수와 경우의 값에서 일치하는 값이 있을 때 그에 해당하는 실행문을 실행

  • 정해진 범위안의 값(case)에 따라 실행할 코드 블록을 결정할 때 사용

switch (expression) {
  case value1:
    statement1;
    break;
  case value2:
    statement2;
    break;
  ...
  default:
    statement3;
}

⇨ expression 값이 특정 valueN과 일치 된다면, 해당 statementN 문이 끝나거나
조건이 맞아 break을 만나면 case 절 내부가 실행되고 이후의 비교를 하지않으며 종료한다.
그 어느것도 조건에 해당되지 않으면, default가 적용되어 statement3을 실행 후 종료된다.
이후에는 실행할 어떤 코드도 없으므로 break을 생략한다.

여러 개의 조건이 같은 값을 공유하는 경우

let weather b= 'rainy'  
// rainy,snowy=> 나쁨,  sunny,bright => 좋음
switch (expression) {
  case 'rainy':
  case 'snowy':
    text ='나쁨';
    break;
  case 'sunny':
  case 'bright':
     text ='좋음';
    break;
  default:
    text = '보통';  
}
console.log(text);  //나쁨

🔔 반복문

실행문을 원하는 횟수만큼 반복하여 실행한다.

🥕 for 문

  • for(시작조건; 종료조건; 변화조건) { }
  • for(변수선언문; 조건식; 증감식) { }
  • 실행순서:
    1. 변수선언문(초기화)
    2. 조건식의 값이 참이면 { } 실행
    3. 증감식 실행
    4. 조건식이 거짓일때까지 2~3번 반복
let str = '';

for (let i = 0; i < 9; i++) {
  str = str + i;
}
console.log(str);  //0, 1, 2, 3, 4, 5, 6, 7, 8

//중첩 for문
for (let i = 0; i < 3; i++) {
  for (let i = 0; i < 2; i++) {
    console.log(i);
  }
}
//00, 01, 10, 11, 20, 21

💥 무한루프

  • 조건이 참뿐이어서 끝나지 않고 계속 반복하는 실행(종료조건X, 종료조건을 만날 수 없을때 발생)

🚫 반복문 제어 (continue, break)

  • break : 조건이 맞으면 반복문을 멈춘다.
  • continue: 조건이 맞으면 다음으로 넘어간다.
for (let i = 0; i <10; i++){
  if(i === 3){
    console.log('숫자 3입니다.');
    break;
  }
  console.log(i);
}
// 1, 2, 숫자 3입니다.

for (let i = 0; i <10; i++){
  if(i === 3){
    continue;
    console.log('숫자 3입니다.');
    break;
  }
  console.log(i);
}
// 1, 2, 4, 5, 6, 7, 8, 9

🥕 while 문

  • while(조건) { }
  • 조건식을 만족할 때까지(false가 될때까지) 실행문을 여러번 반복하여 실행
  • do-while : 조건을 꼭 한번은 실행하고 싶을때 사용
let num = 4
while (num >= 0) {
  console.log(num);
  num--;
}
// 4, 3, 2, 1, 0

참고 및 출처
제어문 정의와 종류 - 웹모장
제어흐름과 오류처리 - MDN
판단내리기_조건문 - MDN
switch - MDN
for - MDN
while -MDN

profile
˗ˋˏϟˎˊ˗ 개발 지식 쌓기

0개의 댓글