생활코딩 자바스크립트 기본 - 반복문

본 게시글은 인프런 강의 "생활코딩 - 자바스크립트(JavaScript) 기본"를 보고 공부한 내용을 정리하고 있습니다.

https://www.inflearn.com/course/%EC%A7%80%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%96%B8%EC%96%B4-%EA%B8%B0%EB%B3%B8/dashboard

[무료] 생활코딩 - 자바스크립트(JavaScript) 기본 - 인프런 | 강의

---

반복문

반복문은 컴퓨터에게 반복적인 작업을 지시하는 방법이다.
loop나 iterat라는용어로 사용된다.

 

while

while(조건){실행한 코드}의 꼴을 갖는다.

 

while(true){
document.writeln("문장")
}
문장이 무한 반복한다.

while(false){
document.writeln("문장")
}

실행되지 않는다.

 

조건이 true일 경우 실행되고, 조건이 false일 경우 실행이 되지 않는다.

document.writeln("문장") : 문장을 화면에 출력하는 코드

var i = 0;
while (i < 3) {
    document.write(i+". javascript "+"<br>");
    i++;
}

 

while의 한계점 기준점 i를 따로 생성, i값을 갱신하는 반복 실행이 있고, 반복을 계속 하는지에 대한 반복 조건
다음 세가지는 반복문에서 거의 항상 사용된다.
코드가 길어지면 보기 어렵고 지저분해 질수 있다.

for을 사용하면 다음 단점을 해결할 수 있다.

 

for

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

다음의 꼴을 갖는다.

for (var i = 0; i < 3; i++) {
    document.write(i + ". javascript" + "<br>");
}

이전에 while코드와 같은 결과값을 갖지만, 더 직관적이고 간결하다.

 

a++와 ++a의 차이점

 - a++는 문장이 실행된 이후 값이 증가, ++a는 값이 증가한 후 문장이 실행

var a = 1;
var b = 1;
document.write("a++의 값 : "+a++ + "<br>");

document.write("++b의 값 : " + ++b);

반복문 제어

break

반복문을 중간에 중단하고 싶을때 사용한다.

continue

반복작업 중간에 특정부분을 무시하고 싶으면 continue를 사용하면 된다.

for(var i=0;i<10;i++){
    if(i==3){
        continue;
    }
    document.write(i+". document"+"<br>");
    if(i==5){
        break;
    }
}

3은 continue로 무시된체 계속 실행 된다.
5이후는 break로 실행이 중단 된다.

이중 반복문

for(;;){ for();;{ } }

부모 for이 하나 실행되면 자식for이 처음부터 끝까지 실행되고 다시 부모 for문이 하나 실행되는 방식이다.

    for (var i = 0; i < 10; i++) {
        for (var j = 0; j < 10; j++) {
            document.write(i+''+j+' ');
        }
        document.writeln('<br>');
    }