[JavaScript-생활코딩] 18. 반복문

https://opentutorials.org/module/3180/18827

반복문 - WEB2 - JavaScript

<ul> - 리스트를 만드는 태그

<ul>
<script>
    document.write('<li>1</li>');
    document.write('<li>2</li>');
    document.write('<li>3</li>');
    document.write('<li>4</li>');
</script>
</ul>

화면출력↓

· 1

· 2

· 3

· 4

만약 해당 순서 중 몇가지 숫자가 반복된다면? => 이때 반복문이 필요하다.

<h1>Loop</h1>
<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>

화면출력↓

· 1

· 2

· 3

· 2

· 3

· 2

· 3

· 4

​

var i =0; i라는 변수에 0을지정

while (i<3) { i라는 변수가 3보다 작으면 { }안의 코드가 반복출력된다.

document.write('<li>2</li>');

document.write('<li>3</li>');

i = i + 1; } 기존i의값에 1을 더한 결과를 새로운값으로 준다. 이코드에 온 순간에 i 값에 1을 더하면 변수 i 값이 바뀐다

i=0, i=1, i=2

 

---

 

▽ 이해 정리 ▽

while ( ) ← 소괄호 안에는 블리언 값이 들어간다. true / false값이 나오게 지정해준다.

{ } ← 중괄호 안에는 true값이 나오면 반복 출력할 내용을 적는다.

+ 그다음은 false 값일 때 부터 출력될 내용.

ㅇ블리온 데이터값 ( ) 이 트루이면 중괄호 { } 안의 코드가 false가 될 때까지 반복 출력되고,

falser가 되었을 때, 이후의 코드가 출력된다.

ㅇwhile은 실행순서를 제어하는 제어문 (if 같은 존재)

소괄호 안에 반복문이 언제 종료될지를 잘 지정하는게 중요하다.

​

var : 코드가 몇번 실행되었는지 적어봐야하는데, 그걸 하기에 좋은 것이 변수

i : 관습적으로 i라는 변수에 반복문의 조건을주는 변수를 할당해줌

var i = 0; i의 변수는 =0이다.

 

---

 

*[참조] while (i<3)은 실행되나, while (i &lt 3)은 실행이 안되는 이유는 ?

&lt 는 html 문법에서 쓰이는 것으로 JS에서는 >, < 으로 부등호 처리 가능.