hanker

JavaScript - JavaScript 제어문 본문

JavaScript

JavaScript - JavaScript 제어문

hanker 2024. 12. 14. 00:00
반응형

 
1. JavaScript가 뭘까?
2. JavaScript를 시작하기
3. JavaScript의 기본 문법

4. JavaScript 제어문
 
 

이전 글에서는 JavaScript의 기본 문법에 대해서 알아보았는데, 이번 글에서는 프로그램의 흐름을 제어하는 제어문에 대해서 알아보자.
https://hanke-r.tistory.com/entry/JavaScript-JavaScript%EC%9D%98-%EA%B8%B0%EB%B3%B8-%EB%AC%B8%EB%B2%95

JavaScript - JavaScript의 기본 문법

1. JavaScript가 뭘까?2. JavaScript를 시작하기3. JavaScript의 기본 문법 https://hanke-r.tistory.com/entry/JavaScript-JavaScript-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0 JavaScript - JavaScript 시작하기https://hanke-r.tistory.com/entry/JavaScr

hanke-r.tistory.com

 


조건문 (if, else, switch)

 
조건문은 특정 조건을 확인한 후, 그 결과에 따라 다른 동작을 실행할 수 있도록 해준다.
 

if 문

if 문은 주어진 조건이 참(true)일 때 코드를 실행한다.

let age = 20; 
if (age >= 18) { 
    console.log("성인입니다."); 
}
위의 코드에서는 age가 18 이상일 경우 "성인입니다."가 출력된다.
 
 
 

else 문

else 문은 if 조건이 거짓(false)일 때 실행되는 코드를 지정한다.

let age = 16; 
if (age >= 18) { 
    console.log("성인입니다."); 
} else { 
    console.log("성인이 아닙니다."); 
}
age가 18 미만일 경우 "성인이 아닙니다."가 출력된다.
 
 

else if 문

else if는 여러 조건을 비교할 때 사용된다.

let age = 25; 
if (age < 13) { 
    console.log("어린이입니다."); 
} else if (age < 18) { 
    console.log("청소년입니다."); 
} else { 
    console.log("성인입니다."); 
}
age에 따라 "어린이", "청소년", 또는 "성인"이 출력됩니다.
 
 

switch 문

switch 문은 여러 가지 조건을 처리할 때 유용하다.
if-else보다 더 깔끔하게 여러 조건을 처리할 수 있다.
 

javascript
코드 복사
let fruit = "apple"; 
switch (fruit) { 
    case "apple": 
        console.log("사과를 선택했습니다."); 
    break; 
    case "banana": 
        console.log("바나나를 선택했습니다."); 
    break; 
    default: 
        console.log("선택한 과일이 없습니다."); 
}

fruit 변수에 따라 적절한 메시지가 출력된다.
break는 해당 case가 실행된 후 switch문을 빠져나가게 한다.
default는 모든 case가 해당되지 않을 때 실행된다.

 


 

반복문 (for, while, do...while)

 
반복문은 특정 조건을 만족할 때까지 코드를 반복 실행하는 데 사용된다.
 
 

for 문

for 문은 주로 반복 횟수가 정해져 있을 때 사용한다.

for (let i = 0; i < 5; i++) { 
    console.log(i); 
}
i가 0에서 4까지 출력됩니다. for문은 세 부분으로 나누어진다.
 

let i = 0; (초기화) : 반복문이 시작할 때 실행되는 코드

i < 0 (조건) : 반복을 계속할지 말지 결정하는 조건

i++ (증감): 매 반복 후 실행되는 코드

 
 
 

while 문

while 문은 조건이 참(true)일 때 계속 반복 실행한다.

let i = 0; 
while (i < 5) { 
    console.log(i); 
    i++; 
}
i가 5보다 작을 때 반복하며, i++로 i 값을 증가시켜 종료된다.
 
 

do...while 문

do...while 문은 최소한 한 번은 실행된 후, 조건을 확인하고 반복 여부를 결정한다.

let i = 0; 
do { 
    console.log(i); 
    i++; 
} while (i < 5);

조건이 맞지 않더라도, 첫 번째 반복은 반드시 실행된다.
 


 

반복 제어 (break, continue)

 
반복문 내에서 반복을 제어할 때 사용하는 break와 continue에 대해 알아보자.
 

break 문

break는 반복문을 즉시 종료시킨다.

for (let i = 0; i < 5; i++) { 
    if (i === 3) { 
        break; // i가 3일 때 반복 종료 
    } 
    console.log(i); 
}

위의 예에서는 i가 3일 때 반복문을 종료하므로, 0, 1, 2만 출력됩니다.
 
 

continue 문

continue는 현재 반복을 건너뛰고, 다음 반복으로 넘어간다.

for (let i = 0; i < 5; i++) { 
    if (i === 3) { 
        continue; // i가 3일 때 반복을 건너뜀 
    } 
    console.log(i); 
}

i가 3일 때만 건너뛰고, 나머지 값인 0, 1, 2, 4가 출력된다.
 


 

정리

 
JavaScript에서 제어문을 활용하면 프로그램의 흐름을 자유롭게 제어할 수 있다.
조건에 따라 코드가 실행되거나 반복 작업을 수행하는 데 유용하며, 이를 통해 더욱 복잡하고 다양한 로직을 구현할 수 있다.
제어문에 대한 이해는 JavaScript의 중요한 기초가 되므로, 다양한 예제를 통해 연습을 해야한다.
 
다음 글에서는 함수를 함수를 생성하여 함수를 호출해서 사용하는 방법에 대해서 알아보자!

반응형