JavaScript - 반복문( for, while ) 그외.. for~in문, do~while문

JavaScript - 반복문( for, while )

원하는 조건으로 반복하게 하고 싶을때 사용한다.

for문

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

// for 문
 
// ex1
var list = [1, 3, 5]
for (var i = 1; i <= list.length; i++) {
    document.write(list[i]);
}
 
// ex2
var n = 1;
for (var i = 0; i <= 6; i++) {
    document.write("<li>list - " + n + "</li>"); n++
}
 
 
// 1 ~ 10 중에 짝수만 출력
for (var i = 2; i <= 10; i += 2) {
    document.write(i + "<br />");
}
                                                                                                              
 

// 구구단 예시
 
for (var d = 1; d <= 9; d++) {
    var ul = document.createElement('ul');
    var h1 = document.createElement('h1');
    
    h1.textContent = d + '단'
    ul.appendChild(h1);
 
    for (var i = 1; i <= 9; i++) {
        var li = document.createElement('li');
        li.textContent = d + ' X ' + i + " = " + (d * i);
        ul.appendChild(li);
    }
    document.body.appendChild(ul);
}
                                                                                                               
 

while문

while (조건) { 조건이 참인 동안 반복할 실행문 }

- 괄호 안의 조건이 참(true)면 중괄호 안의 코드 구간을 반복 실행

// while
 
// 예시1
var a = 0;
while (a <= 10) {console.log(a + '<br />'); a++}
 
// 예시2
var list = [1, 2, 3, 4], i = list.length;
while (i--) {console.log(list[i])};
                                                                                                               
 

그 외... 

for in문, do while문

위 두개의 문은 잘 쓰지 않지만,

제가 까먹지 않기위해 적습니다.  :D

for ~ in문

var obj = {
    name: 'Hyeoni';
    age: 20;
    Type: 'B';
}
 
for (var h in obj) {
    console.log('Key : ' + h, ', value : obj[h]');
}
                                                                                                                
 

do ~ while문

 - do 한번 실행하고 while 조건에 맞으면 계속 실행해라.

// 예시1
var d_w = 10;
do {console.log(d_w); d_w++}
 
// 예시2
var list = [1, 3, 5, 10], i = 0, max = list.length;
do {
    console.log(list[i]);
} while (i++ <= max);