프로그래밍

[JavaScript] 제어문 본문

Web/JavaScript

[JavaScript] 제어문

시케 2023. 11. 30. 16:17
728x90
반응형

2023.11.30.목

제어문

제어문(Control flow statements)은 프로그램의 실행 흐름을 제어하는 데 사용되는 구문이다

제어문은 조건에 따라 코드 블록을 실행하거나 반복적으로 코드를 실행하도록 지시하는 등의 역할을 한다

주요 제어문에는 조건문과 반복문이 있다

 

조건문

프로그램이 특정 조건에 따라 다른 동작을 하도록 제어하는 데 사용한다

 

조건문은 주어진 조건이 참(True)이면 특정 블록의 코드를 실행하고

조건이 거짓(False)이면 다른 블록의 코드를 실행한다

 

  • if - else if - else 문
  • switch - case 문

if - else if - else 문

if문과 else if문의 조건을 차례대로 검사하여 true면 실행한다

일치하는 조건이 없으면 else문이 실행된다

if (조건1) {
  // 조건1이 참일 때 실행되는 코드
} else if (조건2) {
  // 조건1이 거짓이고, 조건2가 참일 때 실행되는 코드
} else {
  // 모든 조건이 거짓일 때 실행되는 코드
}
// 예제
var number = 10;

if (number > 0) {
  console.log("숫자는 양수입니다.");
} else if (number < 0) {
  console.log("숫자는 음수입니다.");
} else {
  console.log("숫자는 0입니다.");
}

 

switch - case 문

각 case는 특정한 값에 대한 동작을 정의하고, default는 어떤 case에도 해당하지 않을 때 실행한다

switch (표현식) {
  case 값1:
    // 표현식이 값1과 일치할 때 실행되는 코드
    break;
  case 값2:
    // 표현식이 값2와 일치할 때 실행되는 코드
    break;
  default:
    // 어떤 case에도 해당하지 않을 때 실행되는 코드
}
// 예제
const englishDay = 'saturday';
let koreanDay;

switch(englishDay){
    case 'monday':
        koreanDay = '월요일';
        break;
    case 'tuesday':
        koreanDay = '화요일';
        break;
    case 'wednesday':
        koreanDay = '수요일';
        break;
    case 'thursday':
        koreanDay = '목요일';
        break;
    case 'friday':
        koreanDay = '금요일';
        break;
    default:
        koreanDay = '주말';
        break;
}

console.log(koreanDay);

반복문

프로그램에서 동일한 코드 블록을 여러 번 실행하도록 하는 제어 구조이다

주로 배열의 요소를 반복하거나, 특정 조건이 충족되는 동안 코드를 반복 실행할 때 사용한다

 

  • for 문
  • while 문
  • do-while 문
  • for...in 문
  • for...of 문

for문

초기화는 반복문이 시작될 때 한 번만 실행된다
조건은 각 반복마다 평가되어 참이면 반복이 계속되고, 거짓이면 반복문이 종료된다
증감은 각 반복이 끝날 때 실행되며 일반적으로 변수를 증가시키거나 감소시키는 용도로 사용된다

for (초기화; 조건; 증감) {
  // 조건이 참일 동안 반복 실행되는 코드
}
for (let i = 1; i <= 5; i++) {
  console.log("현재 숫자는 " + i);
}

 

while 문

조건이 참인 동안 계속해서 반복 실행한다
반복문 진입 전에 조건을 미리 확인하므로, 조건이 처음부터 거짓이면 코드는 한 번도 실행되지 않을 수 있다

while (조건) {
  // 조건이 참일 동안 반복 실행되는 코드
}
let count = 0;

while (count < 5) {
  console.log("카운트: " + count);
  count++;
}

 

do-while 문

최소한 한 번의 실행을 보장하며, 그 후에 조건이 참인 동안 반복 실행된다
do-while 문은 조건을 반복문의 마지막에 위치시키기 때문에 조건이 거짓이더라도 최소 한 번은 실행됩니다

do {
  // 일단 한 번 실행되고, 그 후 조건이 참일 동안 반복 실행되는 코드
} while (조건);
let x = 0;

do {
  console.log("x의 값: " + x);
  x++;
} while (x < 5);

 

for...in 문

객체의 속성을 반복하는 데 사용된다
변수에는 각 반복에서 현재 속성의 이름이 할당된다

for (변수 in 객체) {
  // 객체의 각 속성에 대해 반복 실행되는 코드
}
const person = {
  name: "John",
  age: 30,
  job: "Developer"
};

for (let key in person) {
  console.log(key + ": " + person[key]);
}

 

for...of 문

반복 가능한(iterable) 객체의 요소를 반복하는 데 사용된다
변수에는 각 반복에서 현재 요소의 값이 할당된다

for (변수 of 배열) {
  // 배열의 각 요소에 대해 반복 실행되는 코드
}
const colors = ["Red", "Green", "Blue"];

for (let color of colors) {
  console.log("현재 색상: " + color);
}

continue

현재 반복을 중지하고 다음 반복으로 넘어가게 한다

즉, continue가 실행되면 반복문의 나머지 부분은 실행되지 않고, 다음 반복이 시작된다

for (let i = 1; i <= 5; i++) {
  if (i % 2 === 0) {
    continue; // 짝수일 때 현재 반복을 중지하고 다음 반복으로 넘어감
  }
  console.log("현재 숫자는 " + i);
}

break

반복문 전체를 중지하고 빠져나가게 한다

즉, break가 실행되면 반복문을 빠져나가게 되어 이후의 코드는 실행되지 않는다

let count = 0;

while (count < 5) {
  console.log("카운트: " + count);
  if (count >= 3) {
    break; // count가 3 이상이면 반복문을 종료
  }
  count++;
}
728x90
반응형

'Web > JavaScript' 카테고리의 다른 글

[JavaScript] 배열  (1) 2023.12.04
[JavaScript] 에러 처리  (0) 2023.11.30
[JavaScript] 연산자  (0) 2023.11.30
[JavaScript] 자료형(Data Types)  (0) 2023.11.29
[JavaScript] 변수(선언 / 할당 / 변수명)  (0) 2023.11.28
Comments