티스토리 뷰

생활코딩/자바스크립트

반복문

선물공룡디보 2021. 8. 15. 19:10

반복문이란?

반복적인 작업을 컴퓨터에게 지시한다.

반복문의 문법

while :

while문은 뒤에 따라오는 괄호 안의 조건이 참(true)면 중괄호 안의 코드 구간을 반복적으로 실행한다.

while (조건){
    반복해서 실행할 코드
}

예제)

var i = 0;
// 종료조건으로 i의 값이 10보다 작다면 true, 같거나 크다면 false가 된다.
while(i < 10){
  // 반복이 실행될 때마다 coding everybody <br />이 출력된다. <br /> 줄바꿈을 의미하는 HTML 태그
  document.write('coding everybody'+ i +'<br />');
  // i의 값이 1씩 증가한다.
  i++;
}

i의 값으로 반복의 지속 여부를 결정하여 while문을 빠져 나올 수 있다.

 

for문 :

for(초기화; 반복조건; 반복이 될 때마다 실행되는 코드){
    반복해서 실행될 코드
}

for문은 제일 먼저 '초기화'를 하고 반복조건을 비교하고 반복될때마다 실행되는 코드를 실행한다.

for문 제어

break

반복작업을 중간에 중단시키고 싶다면 break 를 사용하면 된다.

for(var i = 0; i < 10; i++){
    if(i === 5) {
        break;
    }
    document.write('coding everybody'+i+'<br />');
}
//coding everybody 0
//coding everybody 1
//coding everybody 2
//coding everybody 3
//coding everybody 4

continue

반복문에서 실행을 즉시 중단 한뒤 지속되게 할수 있다.

for(var i = 0; i < 10; i++){
    if(i === 5) {
        continue;
    }
    document.write('coding everybody'+i+'<br />');
}
//coding everybody 0
//coding everybody 1
//coding everybody 2
//coding everybody 3
//coding everybody 4
//coding everybody 6
//coding everybody 7
//coding everybody 8
//coding everybody 9

반복문의 중첩

for(var i = 0; i < 10; i++){
    // 0부터 9까지의 변수를 j의 값에 순차적으로 할당
    for(var j = 0; j < 10; j++){    
        // i와 j의 값을 더한 후에 출력
        document.write(String(i)+String(j)+'<br />');
    }
}

 

출처 : https://opentutorials.org/course/743/4728

 

반복문 - 생활코딩

반복문 인간은 반복적인 작업을 잘하지 못한다. 실수하고, 지루해한다. 컴퓨터는 이런 반복적인 작업을 대행하기 위해서 만들어진 기계다. 반복문은 컴퓨터에게 반복적인 작업을 지시하는 방법

opentutorials.org

 

'생활코딩 > 자바스크립트' 카테고리의 다른 글

배열  (0) 2021.08.15
함수  (0) 2021.08.15
조건문  (0) 2021.08.15
비교  (0) 2021.08.15
줄 바꿈과 여백  (0) 2021.08.15
댓글