for 문 (for / for in / for of)

 ■ for 반복문 

 

for(초기값 ; 조건값 ; 증감값){

//코드블럭

}

 초기값 : 반복 시작 전 변수 설정

 조건값 : 반복을 하기위한 조건 정의

 증감값 : 반복을 실행할 때 마다 값을 증감

 

===============

<script>

for( var i=0 ; i<10 ; i++){

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

}

</script>

===============

 

※ 출력

0

1

2

3

4

5

6

7

8

9

 

 ■ for in 반복문 

for(var i in arr){

//코드블럭

}

배열(arr)의 인덱스를 i에 순차적으로 넣어준다. 

 

===============

<script>

arr=["apple", "banana", "kiwi"];

for( var i in arr){

document.write( i + "번째 요소 : " + arr[i]+"<br>");

}

</script>

===============

 

※ 출력

0번째 요소 : apple
1번째 요소 : banana
2번째 요소 : kiwi

 

//json type의 반복은 for in을 사용한다. 

===============

<script>

arr={fname : "jhon", lname : "doe", age : 20};

for( var i in arr){

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

}

</script>

===============

 

※ 출력

fname : jhon
lname : doe
age : 20

 

 ■ for of 반복문 

for(var i of arr){

//코드블럭

}

배열(arr)요소의 값을 i에 순차적으로 넣어준다. 

 

===============

<script>

arr=["apple", "banana", "kiwi"];

for( var i of arr){

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

}

</script>

===============

 

※ 출력

apple
banana
kiwi