기본 콘텐츠로 건너뛰기

개발 공부 - javascript for in

용어 뜻:

개체의 각 속성이나 배열의 각 요소에 대해 하나 이상의 문을 실행한다.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
구문
 
    for(variable in [object | array]){
        statements
    }
    
 
매개 변수
    
    variable
        필수 요소. object의 속성 이름 또는 array의 요소 인덱스일 수 있는 변수이다.
 
    object, array
        선택 사항. 반복할 개체 또는 배열이다.
 
    statements    
        선택 사항. objecㅅ의 각 속성 또는 array의 각 요소에 실행할 하나 이상의 문이다.
        복합문도 가능하다.
 
 
설명
    
    루프의 각 반복 시작 부분에서 variable의 값은 object의 다음 속성 이름이거나 array의 다음 요소 인덱스이다.
    루프 안에 있는 문에서 variable을 사용하여 object의 속성 또는 array의 요소를 참조할 수 있다.
 
    개체의 속성은 종료 형식으로 할당되지 않는다.
    인덱스, 속성의 이름만으로는 특정 속성을 지정할 수 없다.
    배열에 대한 반복은 요소 순서인 012 로 수행된다.
    
 
    연결 배열로 사용되는 개체가 있는 for in 문    
    //initialize object
    a = {"a" : "Athens""b" : "Belgrade""c""Cairo"}
 
    //iterate over the properties
    var s = ""
    for(var key in a){
        s += key + ": " + a[key];
        s += "<br/>";
    }
    document.write(s);
 
    //output
    //a: Athens
    //b: Belgrade
    //c: Cairo
 
 
    expendo 속성이 있는 Array 개체를 통해 반복하는 for in 문
    //initialize the array
    var arr = new Array("zero""one""two");
    
    //add a few expando properties to the array
    arr["orange"= "fruit";
    arr["carrot"= "vegetable";
 
    //iterate over the properties and elements
    var s = "";
    for(var key in arr){
        s += key + ": " + arr[key];
        s += "<br />";
    }    
 
    document.write(s);
    
    //output
    //0: zero
    //1: one
    //2: two
    //orange: fruit
    //carrot: vegetable
 
cs




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
var a = [34];
 
for(var i in a)
    alert(a[i]);
 
for(var i = 0; i < a.length; i++)
    alert(a[i]);
 
이런 구문에서는
for in 문이나 for 문 둘 다 34 를 alert 창에 띄우게 된다.
 
 
하지만
 
 
var a = [34];
 
Array.prototype.test = function(){
    alert('test');
}
 
for(var i in a)
    alert(a[i]);
 
for(var i = 0; i < a.length; i++)
    alert(a[i]);
 
Array.prototype에 test란 이름으로 function을 사용한 이런 구문에서는
for in 에서는 test까지 나오지만
(for in은 원래 해당 개체를 돌면서 해당 개체의 프로퍼티를 왼쪽 변수에 삽입한다.)
 
for문에서는 그냥 34 만 나오게 된다.
 
cs



출처:
멋진인생, 2016-11-02, http://run2you.tistory.com/31

댓글