json 객체의 속성에 액세스 할 수 없습니다.

Question

내 객체 변수에 연결할 수없는 것 같습니다. 아마 어딘가에서 실수를하고있을 것입니다. 객체의 나의 배열의 CONSOLE.LOG은 (pResult)는 다음과 같이, 첫 번째 개체를 확장하지만 그들은 모두 닮았 :

[Object, Object, Object, Object, Object, Object, Object, Object, Object] 

0: Object 
depTime: "2014-12-04 18:35" 
destination: "Norsesund station" 
nr: "562" 
operator: "Västtrafik" 
typText: "Buss" 
__proto__: Object 
1: Object 
2: Object 
3: Object 
4: Object 
5: Object 
6: Object 
7: Object 
8: Object 
length: 9 
__proto__: Array[0] 

나는이 작업을 수행하려고 ...

for (var i = 0; i <= pResult.length; i++) { 
    var html = html + '<tr>'; 
    var html = html + '<td>'; 
    var html = html + pResult[i].depTime; 
    var html = html + '</td>'; 
    var html = html + '</tr>'; 
} 

...

Uncaught TypeError: Cannot read property 'depTime' of undefined 

Answer 1

변경 :

i <= pResult.length; 

하지만이 오류와 함께 때리게

에 :

i < pResult.length; 

는 길이 3이있는 경우, 당신은 단지 인덱스가 있으므로 배열은 0, 인덱스를 기반으로 0,1,2

Answer 2

이 시도 :

이

for (var i = 0; i < pResult.length; i++) { 
     var html = '<tr>'; 
      html += html + '<td>'; 
       html += html + pResult[i].depTime; 
      html += html + '</td>'; 
     html += html + '</tr>'; 
} 

문제는 당신이다 배열 길이 있지만, 배열까지 loopin하는 것은 배열 때문에
당신이있는 경우 0 인덱스에서 시작
var pResult= [object,object,object];
pResult.length =3
pResult[3]가 존재하지 않으므로 정의되지 않습니다.
참고 당신이 방금 예를 들어 기존 HTML + = "추가 텍스트"

Answer 3

대신 루프를 사용하여 추가 텍스트를 추가 할 때 변수를 다시 해달라고, 당신은 단순히 reduce를 사용할 수 있습니다

var html = pResult.reduce(function(previousValue, currentValue) { 
    return previousValue + '<tr><td>' + currentValue.depTime + '</td></tr>'; 
}, ''); 

이것은 IE   9 이상에서만 작동합니다 (하지만 다른 모든 최신 브라우저에서 작동 함). 따라서 이전 버전의 IE를 지원해야하는 경우 해당 메소드를 polyfill 할 수 있습니다.