자바 스크립트 : 연관 배열의 루핑을 이해하지 못함

mcl

JSON 개체 (내가 정의했다고 생각한 것임)가 있고 그 안에있는 배열의 값에 액세스하려고합니다. 정확하지만 값 img.iName은 항상 세 번 반복됩니다.undefined

내가 무엇을 오해 했습니까?

<div id="dbgDIV">Debug Div<br></div>
<script>
    // imgs as a JSON array
    var gallery = {"imgs":
                [ // Height and Width to be added
                    {"iName":"File1.jpg", "tName": "File1_th.jpg","cap":"This is a Caption for File1"},
                    {"iName":"File2.jpg", "tName": "File2_th.jpg","cap":"This is a Caption for File2"},
                    {"iName":"File3.jpg", "tName": "File3_th.jpg","cap":"This is a Caption for File3"}
                ],
                "imgCount":"3"
    };
    var dbgDIV = document.getElementById("dbgDIV");
    for (var img in gallery.imgs) {
        dbgDIV.innerHTML = dbgDIV.innerHTML + "img=" + img.iName + "<br>";
        console.log(img.iName);
    }

</script>
user94559

for...in루프는 문제입니다. 전통적인 for루프를 사용 하여 배열에 색인을 생성하십시오.

var gallery = {
  "imgs": [
    {
      "iName": "File1.jpg",
      "tName": "File1_th.jpg",
      "cap": "This is a Caption for File1"
    },
    {
      "iName": "File2.jpg",
      "tName": "File2_th.jpg",
      "cap": "This is a Caption for File2"
    },
    {
      "iName": "File3.jpg",
      "tName": "File3_th.jpg",
      "cap": "This is a Caption for File3"
    }
  ],
  "imgCount": "3"
};
var dbgDIV = document.getElementById("dbgDIV");
for (var i = 0; i < gallery.imgs.length; i++) {
  var img = gallery.imgs[i];
  console.log(img.iName);
}

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

자바 스크립트 함수의 지연 루프

분류에서Dev

배열이 자바 스크립트의 항목을 "포함"하는지 확인

분류에서Dev

쌍 / 튜플을 다중 값 키 / 인덱스로 사용하는 자바 스크립트의 연관 배열

분류에서Dev

자바 스크립트 객체 값을 자바 스크립트의 연관 배열로 복사

분류에서Dev

자바 스크립트에서 루프를 사용하여 연관 배열을 만드는 방법

분류에서Dev

연속 하위 배열 함수 자바 스크립트

분류에서Dev

연관 배열-자바 스크립트

분류에서Dev

수출 자바 스크립트 ES6을 이해하지 못함

분류에서Dev

자바 스크립트에서 하나의 함수로 배열을 필터링하고 매핑합니까?

분류에서Dev

값 배열을 반환하는 자바 스크립트 함수

분류에서Dev

배열 루핑 자바 스크립트

분류에서Dev

자바 스크립트의 슬라이스 배열 및 연결

분류에서Dev

연관 배열 차이가있는 자바 스크립트 배열

분류에서Dev

자바 스크립트 :: 중복 된 값을 포함하는 배열과 해당 배열의 고유 배열 간의 차이점 찾기

분류에서Dev

두 개의 자바 스크립트 배열을 함께 추가

분류에서Dev

연관 배열 자바 스크립트의 검색 값

분류에서Dev

자바 스크립트 연관 배열 (해시)에서 중복 값 찾기

분류에서Dev

자바 스크립트 배열을 반복하여 API 호출 지연

분류에서Dev

자바 스크립트의 함수 변수에 관하여

분류에서Dev

배열의 자바 스크립트 배열이 잘못되었습니다.

분류에서Dev

자바 스크립트 : 도전-정답을 얻지 못함

분류에서Dev

컴퓨팅 / 자바 스크립트의 바이트 측면에 대한 문자열을 이해하지 못합니다.

분류에서Dev

배열 정렬을위한 자바 스크립트 솔루션 이해하기

분류에서Dev

키가 변수 인 자바 스크립트 연관 배열을 정의하는 가장 좋은 방법은 무엇입니까?

분류에서Dev

배열 배열을 자바 스크립트의 재귀 함수에 전달

분류에서Dev

하나의 함수로 연결된 함수를 래핑하는 자바 스크립트

분류에서Dev

setTimeout을 사용하는 자바 스크립트 루프 배열

분류에서Dev

자바 스크립트 퀴즈가 이전 답변을 기억하지 못함

분류에서Dev

다음 자바 스크립트 코드의 중요성을 이해하지 못합니다.

Related 관련 기사

  1. 1

    자바 스크립트 함수의 지연 루프

  2. 2

    배열이 자바 스크립트의 항목을 "포함"하는지 확인

  3. 3

    쌍 / 튜플을 다중 값 키 / 인덱스로 사용하는 자바 스크립트의 연관 배열

  4. 4

    자바 스크립트 객체 값을 자바 스크립트의 연관 배열로 복사

  5. 5

    자바 스크립트에서 루프를 사용하여 연관 배열을 만드는 방법

  6. 6

    연속 하위 배열 함수 자바 스크립트

  7. 7

    연관 배열-자바 스크립트

  8. 8

    수출 자바 스크립트 ES6을 이해하지 못함

  9. 9

    자바 스크립트에서 하나의 함수로 배열을 필터링하고 매핑합니까?

  10. 10

    값 배열을 반환하는 자바 스크립트 함수

  11. 11

    배열 루핑 자바 스크립트

  12. 12

    자바 스크립트의 슬라이스 배열 및 연결

  13. 13

    연관 배열 차이가있는 자바 스크립트 배열

  14. 14

    자바 스크립트 :: 중복 된 값을 포함하는 배열과 해당 배열의 고유 배열 간의 차이점 찾기

  15. 15

    두 개의 자바 스크립트 배열을 함께 추가

  16. 16

    연관 배열 자바 스크립트의 검색 값

  17. 17

    자바 스크립트 연관 배열 (해시)에서 중복 값 찾기

  18. 18

    자바 스크립트 배열을 반복하여 API 호출 지연

  19. 19

    자바 스크립트의 함수 변수에 관하여

  20. 20

    배열의 자바 스크립트 배열이 잘못되었습니다.

  21. 21

    자바 스크립트 : 도전-정답을 얻지 못함

  22. 22

    컴퓨팅 / 자바 스크립트의 바이트 측면에 대한 문자열을 이해하지 못합니다.

  23. 23

    배열 정렬을위한 자바 스크립트 솔루션 이해하기

  24. 24

    키가 변수 인 자바 스크립트 연관 배열을 정의하는 가장 좋은 방법은 무엇입니까?

  25. 25

    배열 배열을 자바 스크립트의 재귀 함수에 전달

  26. 26

    하나의 함수로 연결된 함수를 래핑하는 자바 스크립트

  27. 27

    setTimeout을 사용하는 자바 스크립트 루프 배열

  28. 28

    자바 스크립트 퀴즈가 이전 답변을 기억하지 못함

  29. 29

    다음 자바 스크립트 코드의 중요성을 이해하지 못합니다.

뜨겁다태그

보관