TOP

01. if문 : 제어문

if문은 조건의 참, 거짓에 따라서 실행문이 달라집니다.

if (1) { 
    document.write("실행되었습니다(true)."); // true, 1, "0", "1", 0<10, [], {}
}
else {
    document.write("실행되었습니다(false)."); // false, 0, undefined, null,''
}
결과보기
실행되었습니다(true).

02. if문 : 생략가능

if문안에 실행문이 한줄일 경우에는 중괄호를 생략 가능합니다.

const num = 100;

if (num) document.write("실행되었습니다(true).");
else document.write("실행되었습니다(false).");
결과보기
실행되었습니다(true).

03. if문 : 다중 if문

if와 else if, else를 써서 여러조건에 대한 처리도 가능합니다.

const num = 100;
    
if (num == 90) {
    document.write("실행되었습니다(num == 90).");
}
else if (num == 100) {
    document.write("실행되었습니다(num == 100).");
}
else if (num == 110) {
    document.write("실행되었습니다(num == 110).");
}
else if (num == 120) {
    document.write("실행되었습니다(num == 120).");
}
else {
    document.write("실행되었습니다(num == 값이 없음).");
}
결과보기
"실행되었습니다(num == 100)."

04. if문 : 중첩 if문

중첩 if문을 통해서 조건문안에 조건문을 넣을 수 있습니다.

const num = 100;

if (num == 100) {
    document.write("실행되었습니다(1).");
    if (num == 100) {
        document.write("실행되었습니다(2).");
        if (num == 100) {
            document.write("실행되었습니다(3).");
        }
    }
}
else {
    document.write("실행되었습니다.(4)");
}
결과보기
"실행되었습니다(1)."
"실행되었습니다(2)."
"실행되었습니다(3)."
"실행되었습니다(4)."

05. 삼항연산자

삼항연산자는 조건 ? 참일때 : 거짓일 때의 형식으로 사용하고, 로직은 조건문과 같습니다.

document.write(num == 100 ? true : false);
결과보기
true

06. switch문 : 조건문

switch문은 case에 따라 각각 다른 동작을 수행하는 것이고, 동작 방법은 if와 같습니다.

const num = 100;
    
switch (num) {
    case 100:
        document.write("실행되었습니다(num == 100).");
        break;
    case 110:
        document.write("실행되었습니다(num == 110).");
        break;
    case 120:
        document.write("실행되었습니다(num == 120).");
        break;
    case 130:
        document.write("실행되었습니다(num == 130).");
        break;
    default:
        document.write("실행되었습니다(num == 값이 없음).");
}
결과보기
실행되었습니다(num == 100).

07. while문 : 반복문

while문은 조건식이 참인 경우에 무한히 실행 되며, 반복 횟수가 정해지지 않았을 때 사용하면 좋습니다.

let num = 1;
    
while(num <= 5){
    document.write("실행되었습니다.");
    num++;
}
결과보기

08. do while문 : 반복문

do while문은 조건이 거짓이더라도 한번은 실행문을 동작 시키고 싶을 때 사용합니다.

let num = 6;

do{
    document.write("실행되었습니다2.");
    num++;
}while(num <= 5)
결과보기
실행되었습니다2.

09. for문 : 반복문

반복문은 조건문 안에 (초기값, 조건문, 증감값) 을 표현하여 일목요연하게 반복문 안에 있는 실행문을 동작시킬 수 있습니다.

for(let i = 0; i < 100; i++){
    document.write(i + "실행되었습니다.");
}

let num = [1,2,3,4,5,6];
for(let i = 0; i < num.length; i++){
    document.write(num[i] + "실행되었습니다.");
}
결과보기

10. for문 : 중첩 반복문

for문 안에 다시 for문을 넣어서 이용하면, 좀 더 다양한 조건에 맞춰 반복을 할 수 있습니다.

for(let i = 1; i <= 2; i++){
    for(let j = 1; j <= 5; j++){
        document.write(`${i}*${j}=${i*j}`);
    }
}
결과보기

11. 반복문 : break문

반복문을 실행할 때, 특정 조건에 맞는다면 break문으로 반복문을 탈출할 수 있습니다.

for(let i = 1; i <= 20; i++){
    document.write(i);
    if(i === 10) break; // 10까지만 출력하고 반복문 탈출
}
결과보기

12. 반복문 : continue문

우리가 반복문을 실행할 때, 특정 조건에 맞는다면 continue문을 이용해서 현재 차례를 건너뛸 수 있습니다.

for(let i = 1; i <= 20; i++){
    if(i === 10) continue; // 10은 건너뛴다. (밑에는 스킵된다.)
    document.write(i);
}
결과보기