Uncaught TypeError : 정의되지 않은 '0'속성을 읽을 수 없습니다.

Question

변수를 개별 상태로 저장하고 javascript를 사용하여 페이지에 표시하는 미국 최대 주 7 개 주를 표시하는 프로젝트가 있습니다.

<script> 
var states = ["Alaska", "Texas", "California", "Montana", "New Mexico", "Arizona", "Nevada"]; 
var miles = [663267, 268581, 163696, 147042, 121589, 113998, 110561]; 
var index= ""; 
text=""; 
function listStates() { 
    for (index=0; index < states.length; index++) { 
      text += "<tr><td>" + states[index] ;  
      text += "</td><td>" + miles[index] ; 
      text += "</td></tr>"; 
    } 
    return text; 
} 
</script> 

을 그리고 난 자바 스크립트에서이 일

<section id="table"> 
<table width="307" height="45"> 
<tr><th width="40">Name</th><th width="65">Size</th></tr> 
<script> 
<!-- 
    var result = listStates(); 
    document.write(result); 
//--> 
</script> 
</table> 

Answer 1

자바 스크립트는 .이 아니라 문자열 연결에 +을 사용합니다. 각 루프의 시작 부분에 text 변수가 다시 할당되므로 마지막 값을 반환 할 때만 마지막 결과를 얻습니다.

"<tr><td>Nevada</td><td>110561</td></tr>" 

Answer 2

병합이 +하지 . 사용하는 사용하여 표시 :

내 새로운 코드는 다음과 같습니다. 시도하십시오 +.

.을 사용하는 현재 코드는 문자열 개체 (undefined)에서 states이라는 속성을 찾으려고 시도합니다. 이제 코드는 undefined에서 '0'이라는 속성을 찾을 수 있으며 undefined에는 속성이 없어서 실패합니다.