자바스크립트 데이터 제어하기

오늘도 공부하면서 어려웠던 부분을 복습 하겠습니다.

 

switch문

switch문은 특정 값에 따라 다른 코드 블록을 실행하는 조건문입니다. switch문은 다음과 같은 구조를 가집니다.

 

switch(expression) {
  case value1:
    // value1과 일치하는 경우 실행할 코드
    break;
  case value2:
    // value2와 일치하는 경우 실행할 코드
    break;
  default:
    // 모든 case와 일치하지 않는 경우 실행할 코드
    break;
}

expression은 switch문에서 평가할 표현식입니다. case 키워드 다음에 나오는 value1, value2 등은 expression과 비교할 값입니다. case 키워드 뒤에 오는 값과 expression이 일치하는 경우 해당 case 문의 실행 블록이 실행됩니다. 만약 일치하는 case문이 없는 경우 default문의 실행 블록이 실행됩니다.

각 case문의 실행 블록은 break문으로 끝나야 합니다. break문은 switch문에서 다음 case문으로 이동하지 않고 switch문을 종료하는 역할을 합니다.

 

 

다중 if문(if-else 문) - swich문과 비슷

        const num = 100;

        if(num == 90){
            document.write("실행90");
        } else if(num == 80){
            document.write("실행80");
        } else if(num == 70){
            document.write("실행70");
        } else if(num == 60){
            document.write("실행60");
        } else if(num == 50){
            document.write("실행50");
        } else {
            document.write("0");
        }

num 변수의 값을 비교하여 조건에 맞는 코드 블록을 실행합니다.

• 첫 번째 조건문 if(num == 90)은 num 변수가 90과 같은지를 검사합니다. 만약 참이라면, document.write("실행90"); 코드 블록을 실행합니다.
• 두 번째 조건문 else if(num == 80)은 num 변수가 80과 같은지를 검사합니다. 만약 참이라면, document.write("실행80"); 코드 블록을 실행합니다.
• 세 번째 조건문 else if(num == 70)은 num 변수가 70과 같은지를 검사합니다. 만약 참이라면, document.write("실행70"); 코드 블록을 실행합니다.
• 네 번째 조건문 else if(num == 60)은 num 변수가 60과 같은지를 검사합니다. 만약 참이라면, document.write("실행60"); 코드 블록을 실행합니다.
• 다섯 번째 조건문 else if(num == 50)은 num 변수가 50과 같은지를 검사합니다. 만약 참이라면, document.write("실행50"); 코드 블록을 실행합니다.
• 마지막으로, 위의 모든 조건문이 거짓이라면 else 코드 블록인 document.write("0");을 실행합니다.

따라서, 위 코드에서는 num 변수의 값이 100이므로, 마지막 else 코드 블록인 document.write("0");이 실행되어 "0"이 출력됩니다.

 

while문

while문은 주어진 조건식이 true인 동안 반복적으로 코드 블록을 실행하는 반복문입니다. while문은 다음과 같은 구조를 가집니다.

let count = 0;

while (count < 5) {
  console.log("The count is " + count);
  count++;
}

위의 코드는 count 변수의 값이 5보다 작은 동안 "The count is 0", "The count is 1", "The count is 2", "The count is 3", "The count is 4"를 순서대로 출력합니다.

while문은 조건식이 true인 동안 계속해서 반복문을 실행하므로, 조건식이 항상 true로 평가되는 경우 무한 루프에 빠질 수 있습니다. 따라서 while문을 사용할 때는 조건식이 false가 되도록 적절한 조건을 설정해야 합니다. 또한 while문 안에서는 반드시 조건식이 변경되는 코드를 포함해야 합니다. 그렇지 않으면 무한 루프에 빠질 수 있습니다.

 

for문 sum

    let num = [1,2,3,4,5,6,7,8,9];
    let sum = 0;

    for(let i=0; i<num.length; i++){
        document.write(num[i]);
        sum += num[i];
    }
    document.write("<br>");
    document.write(sum);

let sum = 0; 문장에서 sum 변수에 0을 할당합니다. 이 변수는 배열 num의 요소들의 합을 저장할 변수입니다.

• for 반복문을 사용해서 배열 num의 모든 요소를 하나씩 순회합니다. 이때, i 변수는 배열 num의 인덱스를 나타냅니다.
• document.write(num[i]); 문장에서는 배열 num의 i번째 요소를 출력합니다. 이 문장은 배열의 요소들을 출력하기 위한 코드입니다.
• sum += num[i]; 문장에서는 sum 변수에 배열 num의 i번째 요소를 더합니다. 이렇게 하면 배열의 모든 요소들의 합이 sum 변수에 저장됩니다.
• 반복문이 끝나면, document.write("<br>"); 문장에서는 줄바꿈 태그를 출력합니다. 이렇게 하면 배열의 요소들과 합계가 한 줄씩 출력됩니다.
• document.write(sum); 문장에서는 배열 num의 모든 요소들의 합인 sum 변수를 출력합니다.

따라서 위의 코드를 실행하면, [1,2,3,4,5,6,7,8,9]를 출력하고, 그 아래에 45를 출력합니다.

 

continue문

    for(let i=1; i<20; i++){
        if(i == 10){
            continue;
        }
        document.write(i);
    }

• for 반복문을 사용해서 변수 i를 1부터 19까지 증가시킵니다. 이때, i 변수는 반복문의 인덱스를 나타냅니다.
• if(i == 10) 문장에서는 i가 10일 경우에만 아래의 코드를 실행하지 않고, 반복문의 다음 단계로 건너뜁니다. 이렇게 하면 숫자 10은 출력되지 않습니다.
• document.write(i); 문장에서는 변수 i를 출력합니다.

따라서 위의 코드를 실행하면, 1부터 9까지와 11부터 19까지의 수가 출력됩니다. 숫자 10은 출력되지 않습니다. continue문은 반복문 안에서 현재의 작업을 멈추고, 다음 단계로 건너뛰는 제어문입니다.

 

break문

    for(let i=1; i<100; i++){
        if(i == 10){
            break;
        }
        document.write(i);

• for 반복문을 사용해서 변수 i를 1부터 99까지 증가시킵니다. 이때, i 변수는 반복문의 인덱스를 나타냅니다.
• if(i == 10) 문장에서는 i가 10일 경우, break문을 실행합니다. break문은 반복문을 완전히 종료시키는 제어문입니다. 따라서 이후의 코드는 실행되지 않습니다.
• document.write(i); 문장에서는 변수 i를 출력합니다. 이 문장은 break문이 실행되지 않는 한, 숫자 1부터 9까지 출력됩니다.

따라서 위의 코드를 실행하면, 1부터 9까지의 수가 출력됩니다. 숫자 10 이후의 수는 출력되지 않습니다. break문은 현재의 반복문을 완전히 종료시키는 제어문입니다.