01. if문
if문은 프로그래밍에서 조건을 검사하고 그에 따라 코드를 실행하는 데
사용되는 제어 구조입니다.
일반적으로 조건이 참(True)일 때 코드 블록이 실행되며, 조건이
거짓(False)이면 실행되지 않습니다.
이는 프로그램이 특정 조건에 따라 다른 동작을 할 수 있도록 하는 데
매우 유용합니다.
조건은 참(True) 또는 거짓(False)이 될 수 있는 표현식이며, 조건을
만족하는 경우에만 코드 블록이 실행됩니다.
코드 블록은 일반적으로 들여쓰기로 구분됩니다.
if문은 추가적인 옵션으로 else문을 사용하여 조건이 거짓일 때 실행할
코드를 지정할 수 있습니다.
{
//true, "문자열", 1, 2, "1", "2", [], {}
//false, ""(빈문자열), 0, null, undefined
console.log("01. if문")
if (0) {
console.log("실행되었습니다.(true)");
} else {
console.log("실행되었습니다.(false)");
}
}결과 확인하기
false
02. 다중 if문
다중 if문은 조건에 따라 여러 가지 경우를 처리할 때 사용되는 제어
구조입니다.
자바스크립트에서 if문은 조건이 참(true)일 때 특정 코드 블록을
실행합니다.
다중 if문은 하나 이상의 if문을 조합하여 여러 가지 조건을 처리할 때
사용됩니다.
첫 번째 조건부터 순서대로 확인하며, 조건이 참이면 해당 코드 블록이
실행됩니다.
조건이 거짓이면 다음 조건으로 넘어가게 됩니다.
만약 모든 조건이 거짓이라면 felse 블록이 실행됩니다.
{
const num = 100;
console.log("02. 다중 if문")
if (num == 90) {
console.log("실행되었습니다.(90)")
} else if (num == 100) {
console.log("실행되었습니다.(100)")
} else if (num == 110) {
console.log("실행되었습니다.(110)")
} else if (num == 120) {
console.log("실행되었습니다.(120)")
} else if (num == 130) {
console.log("실행되었습니다.(130)")
} else {
console.log("실행되었습니다.")
}
}결과 확인하기
실행되었습니다.(100)
03. 중첩 if문
중첩 if문은 if문 내부에 다시 if문을 포함시켜 여러 단계의 조건을
체크하는 방법입니다.
중첩 if문을 사용하면 더 복잡한 조건을 다룰 수 있습니다.
중첩 if문은 if문의 조건 블록 안에 또 다른 if문을 넣는 형태로
구성됩니다.
{
const num = 100;
console.log("03. 중첩 if문")
if (num == 100) {
console.log("실행되었습니다.1")
if (num == 100) {
console.log("실행되었습니다.2")
if (num == 100) {
console.log("실행되었습니다.3")
}
}
} else {
console.log("실행되었습니다.4")
}
}결과 확인하기
실행되었습니다.1
실행되었습니다.2
실행되었습니다.3
04. if문 생략 & 삼항연산자
자바스크립트에서 조건에 따라 다른 동작을 수행해야 할 때,
if문 외에도 삼항 연산자(?:)를 사용하여 간결하게 코드를 작성할 수
있습니다.
삼항 연산자는 if문을 간단하게 표현하는 방법 중 하나입니다.
삼항 연산자의 기본 구조는 다음과 같습니다:
조건 ? 참인 경우 실행할 코드 : 거짓인 경우 실행할 코드
삼항 연산자를 사용하면 코드가 더 간결해지고 가독성이 향상됩니다.
그러나 너무 복잡한 조건이나 다양한 경우를 다룰 때에는 if문이 더 나은
선택일 수 있습니다.
{
const num = 100;
console.log("04. if문 생략 & 삼항연산자")
if (num == 100) {
console.log("true")
}
if (num == 100) console.log("true") //위에 내용을 이렇게 생략가능
if (num == 100) {
console.log("true")
} else {
console.log("false")
}
//삼항 연산자(조건식 연산자)
num == 100 ? console.log("true") : console.log("false");
}결과 확인하기
true
true
true
true
05. switch문
JavaScript에서 switch문은 다양한 조건에 따라 다른 동작을 수행할 때
사용되는 제어 구조입니다.
switch문은 if-else문과 유사하지만, 조건이 여러 가지 값을 가질 때 더
간결하게 코드를 작성할 수 있습니다.
switch문의 기본 구조는 다음과 같습니다:
{
const num = 100;
console.log("05. switch문")
switch (num) {
case 90:
console.log("실행되었습니다.(90)")
break;
case 95:
console.log("실행되었습니다.(95)")
break;
case 100:
console.log("실행되었습니다.(100)")
break;
case 105:
console.log("실행되었습니다.(105)")
break;
default:
console.log("실행되었습니다.")
}
}
switch문은 먼저 표현식의 값을 평가하고,
각 case문의 값과 비교하여 일치하는 경우 해당 case문의 코드 블록을
실행합니다.
break문을 사용하여 해당 case문의 실행을 종료하고 switch문을
빠져나옵니다.
만약 break문이 없다면, 일치하는 case문 이후의 모든 코드가
실행됩니다.
마지막에 default문을 사용하여 표현식의 값이 어떤 case와도 일치하지
않을 때 실행될 코드를 정의할 수 있습니다.
결과 확인하기
실행되었습니다.(100)
06. while문
JavaScript에서 while문은 조건이 참인 동안 특정 코드 블록을
반복적으로 실행하는 제어 구조입니다.
while문은 반복 횟수가 불확실한 상황에서 사용됩니다.
while문은 먼저 조건을 평가하고, 조건이 참일 경우에만 코드 블록을
실행합니다.
코드 블록을 실행한 후 다시 조건을 평가하고, 조건이 여전히 참이면
코드 블록을 다시 실행합니다.
이 과정을 조건이 거짓이 될 때까지 반복합니다.
while문의 기본 구조는 다음과 같습니다:
while (조건) {// 조건이 참일 때 실행될 코드}
{
let num = 1; //초깃값;
console.log("06. while문")
while (num <= 10) { //조건식;
console.log(num); //실행문
num++; //증감값;
}
}결과 확인하기
1~10
07. do while문
JavaScript의 do...while문은 while문과 유사하지만,
코드 블록을 먼저 실행하고 조건을 검사하는 차이점이 있습니다.
do...while문은 코드 블록을 먼저 실행하고 나서 조건을 평가하므로,
코드 블록이 최소 한 번은 실행됩니다.
do...while문은 먼저 코드 블록을 실행한 후에 조건을 평가합니다.
조건이 참이면 코드 블록을 다시 실행하고, 조건이 거짓이면 반복을
종료합니다.
do...while문은 코드 블록이 최소 한 번은 실행되어야 하는 상황에서
사용됩니다.
예를 들어, 사용자의 입력이 유효한지 검사하고자 할 때나 반복적인
작업을 수행한 후에 조건을 검사하고자 할 때 유용합니다.
do...while문의 기본 구조는 다음과 같습니다:
do {// 실행될 코드} while (조건);
{
let num = 1; //초깃값;
console.log("07. do while문")
do {
console.log(num); //실행문
num++ //증감값;
} while (num <= 10) //조건식;
}결과 확인하기
1~10
08. for문
아래의 코드는 1부터 10까지의 숫자를 출력하는 for문입니다. 먼저 변수 i를 1로 초기화하고, i가 10보다 작거나 같은 동안에만 반복합니다. 반복할 때마다 i를 1씩 증가시키면서 각 숫자를 출력합니다. 따라서 주어진 코드는 정상적으로 동작하며, 실행하면 콘솔에 1부터 10까지의 숫자가 출력됩니다.
{
console.log("08. for문")
for (let i = 1; i <= 10; i++) { //초깃값; 조건식; 증감값;
console.log(i); //실행문
}
}결과 확인하기
1~10
09. 중첩 for문
중첩 for문은 하나의 for문 안에 다시 다른 for문이 들어가는
형태입니다.
이를 사용하여 다차원 배열이나 이차원 데이터 구조를 탐색하거나 처리할
때 유용합니다.
중첩 for문은 각각의 for문이 반복되는 동안 다른 for문을 포함하여
일정한 패턴을 반복적으로 실행합니다.
중첩 for문의 기본 구조는 다음과 같습니다:
{
for (초기식1; 조건1; 증감식1) {
// 외부 for문의 실행 내용
for (초기식2; 조건2; 증감식2) {
// 내부 for문의 실행 내용
}
}
}
<문제예시>
{
console.log("09. 중첩 for문")
for (let i = 1; i <= 10; i++) {
for (let j = 1; j <= 10; j++) {
console.log(i, j)
}
}
}
외부 for문과 내부 for문 각각에 대해 초기식, 조건식, 증감식이
있습니다.
외부 for문이 한 번 실행될 때마다 내부 for문이 전체 반복됩니다.
내부 for문의 반복이 완료되면 외부 for문의 증감식이 실행되고,
조건을 다시 평가하여 반복 여부를 결정합니다.
결과 확인하기
1 2,1 3,1 4...10 9,10 10
10. break문
JavaScript에서의 break문은 반복문(for, while, do...while)이나
switch문을 빠져나오는 데 사용됩니다.
break문을 만나면 가장 가까운 반복문이나 switch문을 즉시 종료하고
해당 반복문이나 switch문을 빠져나옵니다.
break문은 주로 반복문 내에서 특정 조건을 만족했을 때 반복을 중지하고
루프를 탈출하는 데 사용됩니다.
switch문 내에서 break문을 사용하여 각 case문이 실행된 후에
switch문을 빠져나올 수 있습니다.
이를 통해 해당 case문을 실행한 후 다음 case문들을 실행하지 않고
switch문을 종료할 수 있습니다.
{
console.log("10. break문")
for (let i = 1; i < 10; i++) {
if (i == 5) {
break;
}
console.log(i);
}
}결과 확인하기
1~4
11. continue문
JavaScript에서의 continue문은 반복문(for, while, do...while)에서
특정 조건이 충족될 때 현재 반복을 중지하고 다음 반복으로 넘어가는 데
사용됩니다.
continue문을 만나면 반복문의 현재 반복을 종료하고 다음 반복으로
넘어갑니다.
따라서 반복문의 나머지 부분은 실행되지 않고 바로 다음 반복이
실행됩니다.
continue문은 주로 특정 조건을 만족하는 경우에 해당 반복을 건너뛰고자
할 때 사용됩니다.
예를 들어, 특정 조건을 만족하는 경우에만 특정 작업을 수행하고자 할
때 유용합니다.
{
console.log("11. continue문")
for (let i = 1; i < 10; i++) {
if (i == 5) {
continue;
}
console.log(i);
}
}결과 확인하기
1
2
3
4
6
7
8
9