기초부터 시작하는 코딩/Javascript

Javascript를 공부해 봅시다! - 07. 데이터 제어하기

kebab00 2023. 2. 28. 19:49

728x90

데이터 제어하기

- 데이터를 제어하는 방법은 여러가지 방법이 있습니다.

- 저희가 앞에서 배웠던 if문, 삼항 연산자, switch문, for문 같은 것들도 모두 데이터를 제어하는 방법 중 하나입니다.

- 오늘은 그 것들을 제외한 나머지 방법들에 대해서 알아보도록 하겠습니다.

while 문

- 조건식이 true 일 경우에 계속해서 반복하는 함수입니다.
- 조건식에는 비교 또는 논리 연산식이 주로오는데, 조건식이 false가 되면 반복 행위를 멈추고 while문을 종료합니다.

let num = 0;  
while(num<5){
    document.write(num);
    num++;
}
let num2 = 0;

// 결과값 : 01234

 

do while문 

- 조건에 따라 반복을 계속할지를 결정할 때 사용하는 것은 while 문과 동일합니다.
- 다만, 무조건 중괄호 {} 블럭을 한번 실행하고, 조건을 검사하여 반복을 결정합니다.

let num2 = 0;
do{
    document.write(num2);
    num2++;
}while(num2<5)

// 결과값 : 01234

break문

for문, while문, do-while문을 종료하고(반복을 취소)switch문을 종료합니다.
대개 if 문과 같이 사용되어 if 문의 조건식에 따라서 for문과 while문을 종료할 때 사용합니다.
실행문의 위치에따라 결과값이 달라집니다.

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

// 결과값 : 123456789
// 실행문이 if 뒤에 있어서 9까지 출력된 후 10이 출력되기 전에 멈추었습니다.

continue문

- for문, while문, do-while문에서 사용하며 for문에서 continue를 만나게 되면 증감식으로 바로 이동하게 하며, while문, do-while문은 조건식으로 이동하도록 합니다.

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

// 결과값 : 123456789111213141516171819
// 10을 건너뛰고 나머지 값들을 출력합니다.