j JavaScript

[Basic] JS - for반복문 ★★★★★ - (JS포반복문 = for문 = JS포문) ※ 가변 배열키

3,564

for 예제

[배열값 출력]

<script>

var hz= ['HTML', 'CSS', 'JS', 'PHP','SQL'];

for(var i = 0 ; i < hz.length ; i++) {

document.write(hz[i] + "<br>");

}

</script>

결과보기

[10보다 작거나 같은 짝수 출력]

<script>

for(let i = 2; i <= 10; i += 2) {

document.write(i + "<br>")

}

</script>

결과보기

※ i++ : 1씩 증가. (cf. i-- : 1씩 감소)

※ i += 2 : 2씩 증가. (cf. i -= 2 : 2씩 감소)

※ 연산자 : https://homzzang.com/b/js-12

PS.

이중 for문 (= 안긴 for문) 가능하나, CPU에 좋지 않음. 되도록 비사용 권장.

for 예제 - 가변 배열키

[1단 for문]

<script>

var a1= '홈';

var a2= '짱';

var a3= '닷';

var a4= '컴';

var b1= 1;

var b2= 2;

var b3= 3;

var b4= 4;

var c1= 5;

var c2= 6;

var c3= 7;

var c4= 8;

var hz = Array(); // 필수

for(let x = 0; x<4; x++){

let y = x +1;

hz[x] = [eval("a"+y), eval("b"+y), eval("c"+y)];

}

document.write(hz[0]);

</script>

결과보기

[2단 for문]

<script>

var a1= '홈';

var a2= '짱';

var a3= '닷';

var a4= '컴';

var b1= 1;

var b2= 2;

var b3= 3;

var b4= 4;

var c1= 5;

var c2= 6;

var c3= 7;

var c4= 8;

var hz = Array(); // 필수

for(let x = 0; x<4; x++){

hz[x] = Array(); // 필수.

for(let y = 0; y<4; y++){

hz[x][y]=[eval("a"+(y+1)), eval("b"+(y+1)), eval("c"+(y+1))];

}

}

document.write(hz[0][0]);

</script>

결과보기