앞의 강의만으로는 배열이 왜 필요한지 모를 수 있다
이번 강의로 배열과 콤비비인 반복문과 배열의 용도를 알아보자!
1 반복문(loof)
<body>
<h1>loop</h1>
<ul>
<script>
document.write('<li>1</li>');
document.write('<li>2</li>');
document.write('<li>3</li>');
document.write('<li>4</li>');
</script>
</ul>
</body>
리스트를 만들어 순서대로 실행될 기능을 만들어 넣었다
1234가 순서대로 실행이 되었고
필요에 따라 2,3번째 실행되어야 되는 명령을 여러번 반복해서 실행해야 될 때가 있다
이때 반복문이 필요하다
2 반복문의 기본문법 while
2,3 번째 코드를 3번 반복하도록 만들어보자
<ul>
<script>
document.write('<li>1</li>');
while(true) {
document.write('<li>2</li>');
document.write('<li>3</li>');
}
document.write('<li>4</li>');
</script>
</ul>if문과 똑같이 ()안에는 true,false 즉 불리언 데이터 타입이 들어간다
true인 동안은 false가 될때까지 중괄호 안의 기호들이 반복적으로 실행된다
🔥반복문의 동작순서
while문이 실행되면 js가 ()안의 내용을 보고
true면 중괄호에 있는걸 하나하나 실행시켜서
마지막까지 가면 다시 이 값이 true인지 false인지 확인하고
false이면 그때 끝나며 while문 바깥에 있는 코드가 실행된다
즉 반복문이라는 것은 순서대로 실행되는 프로그램의 실행 순서의 흐름을
if조건문과 함께 제어하는 제어문이라고 할수있다
🔥반복문의 종료시점 지정
반복문에서는 무한히 반복되지 않도록
언제 종료될 것인지 지정하는 것이 필요하다
2줄의 코드가 몇번 실행되었는지 어딘가에 적어놓을 필요가 있다
그것을 하기 좋은게 변수이고 관습적으로 i라는 변수에 이런 역할을 시킨다
반복문이 실행될 때마다 i의 값이 1씩 증가하도록
i = i+1; 코드를 넣어주고
3번 반복문을 실행하고 싶다 라고 하면
i의 값이 3보다 작다 라는 의미로 i < 3 을 넣어준다
<ul>
<script>
document.write('<li>1</li>');
var i = 0;
while(i < 3) {
document.write('<li>2</li>');
document.write('<li>3</li>');
i = i+1;
}
document.write('<li>4</li>');
</script>
</ul>
결과를 보면 2,3이 3번 반복된걸 확인할 수 있다!
