기본 콘텐츠로 건너뛰기

개발 공부 - 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

댓글

이 블로그의 인기 게시물

Ebook - 전자책 drm 상관 없이 pdf로 만들기

yes24와 교보문고에서 ebook을 구매 해야 했는데 너무 불편하고, 필기가 매우 화날 정도로 안 좋아서 원시적으로 사용하기로 했다. 1. 목적 : ebook에서 필기 및 사용이 불편하여 pdf로 변환  2. 용도 : 개인 사용 목적이며 화질이 다소 저하되어도 필기만 용이하면 상관 없음 3. 방법 1) 휴대폰 및 카메라로 동영상을 촬영했다. DRM 때문에 프로그램으로는 촬영이 안 되는 것을 확인했다. (사실 개인 사용 목적이면 기본 화면 캡쳐를 사용해도 된다...) 2) 마우스 클릭 해주는 매크로를 사용했다. (1) key_macro.exe > https://blog.daum.net/pg365/250 듀얼 모니터에서 위치 이탈 현상이 있긴 해도 괜찮았다. (2) AutoClick.exe > http://bestsoftwarecenter.blogspot.com/2011/02/autoclick-22.html 이 걸로 잘 사용했다. 3초마다 한 번 클릭하도록 사용했다. 3) 동영상을 이미지로 변경해주는 프로그램을 사용했다. Free Video to JPG Converter > https://www.dvdvideosoft.com/products/dvd/Free-Video-to-JPG-Converter.htm (240826: 다운로드 시 정상적으로 되지 않아서 URL 수정) 일 하면서 듀얼 모니터에 켜 놨는데 속도가 괜찮았다. * Every frame 으로 사용해야 한다. 4) 중복 사진 제거해주는 프로그램을 사용했다. VlsiPics  > http://www.visipics.info/index.php?title=Main_Page 생각보다 느리니 퇴근시에 걸어놓고 가면 된다. 한번 play가 끝나면 Auto-select 하고 Delete 하면 된다. 5) 이미지를 일괄 Crop 작업 해주는 프로그램을 사용했다. JPEGCrops > https://jpegcrops.softonic.kr/ *...

운동 정보 - 어메이즈핏 밴드 5 스마트밴드 나이키 런 클럽(NRC = Nike Run Club) 연동

 나이키 런 클럽 쓰려고 산 어메이즈핏 밴드5 인데 연동이 영 어려워서 찾아보고 써봤다. 1. Zepp 앱은 연동이 되어 있어야 한다. 2.  Zepp 앱 -> 프로필 -> 내 기기 -> Amazfit Band 5 3. 검색 가능 : 켜짐 활동 심박수 공유 : 켜짐 연결 제한 : 꺼짐 (기본) 백그라운드에서 실행 : 제외로 등록 4. NRC(나이키 런 클럽) 앱 -> 설정 -> 러닝 설정 -> 기기 5. 심박수 표시 -> 블루투스에서 AmazFit Band 5 누르고 NRC 즐기면 된다! * 안드로이드 이용자입니다.

개발 공부 - PC 카카오톡 작업 표시줄 아이콘 이미지 변경 방법

PC 카카오톡 사용시 작업 표시줄에서 아이콘 이미지를 변경하는 방법이다. 1) 작업 표시줄 내 카카오톡 아이콘에서 마우스 오른쪽 버튼을 누른  뒤 속성에 들어간다. 2) 아이콘 변경에서  C:\Windows\system32\imageres.dll C:\Windows\system32\shell32.dll C:\Windows\system32\DDORes.dll C:\Windows\System32\moricons.dll (MS DOS Icons) 등을 누른 뒤 적당한 것을 선택하여 적용한다. * 사내 메신저 아이콘을 참고해도 된다. 참고 : 기본 아이콘 위치 https://blog.silnex.kr/windowstip-windows-%EA%B8%B0%EB%B3%B8-%EC%95%84%EC%9D%B4%EC%BD%98-%EC%9C%84%EC%B9%98/ 2022. 11. 29.  생각보다 유입이 많아서 놀랐습니다. PC 카톡 사용자 화이팅!