[Javascript] if, if~else if~else, for, while, forEach

월요일에 참고 자료로 만들었던 소스인데 블로그에도 공유합니다.

결과 값은 모두 console 창에 나오니 f12나 왼쪽 마우스버튼 클릭+검사, ctrl+shift+i 를 눌러 확인해보시길 바랍니다.

 

 

var arr = ["a", "b", "c", "d", "e"];
// for : ~하는 동안
// => for(괄호 안의 조건이 참일 동안)
for (var i = 0; i < arr.length; i++) {
    // arr.length == 5, i가 5보다 같거나 크면 거짓, i 가 5보다 작을 때까지 참

    // i가 어떻게 찍히나 보기
    console.log(`i 값은 ${i}`);
    console.log(`arr의 ${i + 1}번째 값은 ${arr[i]}`);
}

// while : ~하는 동안
// => while(괄호 안의 조건이 참일 동안)
var i = 0;
while (i < arr.length) {
    // arr.length == 5, i가 5보다 같거나 크면 거짓, i 가 5보다 작을 때까지 참
    i++;
    console.log(i);
}

 

 

// for 문 반복하여 구구단 만들기
// 한 번의 for 문은 가로 줄을 긋는 것과 같다.

// 2단 구구단
for (var i = 1; i < 10; i++) {
    console.log(`2 곱하기 ${i}은 ${2 * i}`);
}


// for 문 안의 for 문은 가로 * 세로 줄을 긋는 것과 같다
// 2~9 구구단 반복
for (var i = 2; i < 10; i++) {
    // 가로 줄은 2부터 9까지 나열된다.
    console.log(`== ${i}단 ==`);

    for (var j = 1; j < 10; j++) {
        // 세로 줄은 1부터 9까지 나열된다.
        console.log(`가로 ${i}, 세로 ${j}`);
        console.log(`${i} X ${j} = ${i * j}`);
    }
}

 

 

// if : ~ 한다면
// if (괄호 안의 조건이 참이면)
var arr = ["a", "b", "c", "d", "e"];
if (arr.length > 0) {
    // arr.length 는 5이므로 이 조건은 실행된다.
    console.log("길이: 참");
}
if (arr.includes("e")) // include: 포함하다
{
    // arr.length 에는 "e" 가 있으므로 이 조건은 실행된다.
    console.log("포함: 참");
}

// else if ~ : 그게 아니고 ~라면
// if (이 괄호 안의 조건이 참이 아니고)
// else if (이 괄호 안의 조건이 참이면)
// else {} 위 괄호 값의 조건이 모두 참이 아니면
const opinionA = "민초극호";
const opinionB = "민초극불호";

if (opinionA === "민초극불호") {
    console.log("거짓이라 이 값은 나올 수가 없음");
} else if (opinionB === "민초극불호") {
    console.log("참이라 이 값은 나와야 함");
} else {
    console.log("opinionB 값이 참이기 때문에 이 값도 안 나옴");
}

 

 

// switch : 스위치
// switch (버튼 번호) {
//     case 1번버튼:
//         1번 조명이 켜진다
//         break;
//     case 2번버튼:
//         2번 조명이 켜진다
//     default:
//         기본 조건 (안 써도 됨)
//         break;
// }
const samusil = [{ name: "수달", mincho: "yes" }, { name: "해달", mincho: "no" }, { name: "보노보노", mincho: "no" }];

// 응용
for (var i = 0; i < samusil.length; i++) {
    switch (samusil[i].name) {
        case "수달":
            console.log(`수달 민초 좋아? ${samusil[i].mincho}`);
            break;
        case "해달":
            console.log(`해달 민초 좋아? ${samusil[i].mincho}`);
            break;
        default:
            console.log(`그외 사무실 사람: ${samusil[i].name}`);
            break;
    }
}

// 다른 for 문
for (var i in samusil) {
    switch (samusil[i].name) {
        case "수달":
            console.log(`수달 민초 좋아? ${samusil[i].mincho}`);
            break;
        case "해달":
            console.log(`해달 민초 좋아? ${samusil[i].mincho}`);
            break;
        default:
            console.log(`그외 사무실 사람: ${samusil[i].name}`);
            break;
    }
}

// 다른 for 문
for (var person of samusil) {
    switch (person.name) {
        case "수달":
            console.log(`수달 민초 좋아? ${person.mincho}`);
            break;
        case "해달":
            console.log(`해달 민초 좋아? ${person.mincho}`);
            break;
        default:
            console.log(`그외 사무실 사람: ${person.name}`);
            break;
    }
}

// forEach : for(~하는 동안) + each(각각)
samusil.forEach((each) => {
    console.log(`${each.name}씨, 민초 먹을래요? : ${each.mincho}`);
});

 

 

// forEach로 구구단 쌓기
var num1 = [2, 3, 4, 5, 6, 7, 8, 9];
var num2 = [1, 2, 3, 4, 5, 6, 7, 8, 9];
num1.forEach((dan) => {

    console.log(`== ${dan}단 ==`);

    num2.forEach((number) => {
        console.log(`${dan} X ${number} = ${dan * number}`);
    });
});