間違った値を返すループのネストされた

私は日付の配列を持っています。 Loadで私はMoment JSでこれらの日付を解析し、これらの日付をmyTableのB列に表示したいと思います。間違った値を返すループのネストされた

私がこれまでにアレイの最後の値を3回返してきたのはなぜなのでしょうか。

function loadFunction() { 

    var cellData = ["2016-08-24 12:45", "2016-08-24 16:00","2016-08-24 13:00"]; 

    var myTable = document.getElementById("myTable"); 

    var times = []; 

    for (var i =0; i <cellData.length; i++) { 

     var date = moment(cellData[i]).format('MM/DD/YYYY hh:mm a'); 
     times.push(date); 

    for (var j=1; j < 6 ; j+=2) { 

     myTable.rows[j].cells[1].innerHTML = times[i]; 

     } 
    } 
} 


<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script> 

<body onload="loadFunction()"> 

<table id="myTable"> 
    <thead> 
     <tr> 
      <th colspan="3">Table</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>A</td> 
      <td>B</td> 
      <td>C</td> 
     </tr> 
     <tr style="display:none;"> 
      <td colspan="3"></td> 
     </tr> 
     <tr> 
      <td>A</td> 
      <td>B</td> 
      <td>C</td> 
     </tr> 
     <tr style="display:none;"> 
      <td colspan="3"></td> 
     </tr> 
     <tr> 
      <td>A</td> 
      <td>B</td> 
      <td>C</td> 
     </tr> 
     <tr style="display:none;"> 
      <td colspan="3"></td> 
     </tr> 
</tbody> 
</body>

出典

2016-11-17 Melissa Doll

第2のforは、すべての値に対して3回繰り返します。したがって、セルの最後の値では、セル1,3,5に同じ値が設定されます。 jの値

function loadFunction() { 
 

 
    var cellData = ["2016-08-24 12:45", "2016-08-24 16:00","2016-08-24 13:00"]; 
 

 
    var myTable = document.getElementById("myTable"); 
 

 
    var times = []; 
 
    var j=1; 
 
    
 
    for (var i =0; i <cellData.length; i++) { 
 

 
     var date = moment(cellData[i]).format('MM/DD/YYYY hh:mm a'); 
 
     times.push(date); 
 

 
     myTable.rows[j].cells[1].innerHTML = times[i]; 
 
     j += 2; 
 
      
 
    } 
 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script> 
 

 
<body onload="loadFunction()"> 
 

 
<table id="myTable"> 
 
    <thead> 
 
     <tr> 
 
      <th colspan="3">Table</th> 
 
     </tr> 
 
    </thead> 
 
    <tbody> 
 
     <tr> 
 
      <td>A</td> 
 
      <td>B</td> 
 
      <td>C</td> 
 
     </tr> 
 
     <tr style="display:none;"> 
 
      <td colspan="3"></td> 
 
     </tr> 
 
     <tr> 
 
      <td>A</td> 
 
      <td>B</td> 
 
      <td>C</td> 
 
     </tr> 
 
     <tr style="display:none;"> 
 
      <td colspan="3"></td> 
 
     </tr> 
 
     <tr> 
 
      <td>A</td> 
 
      <td>B</td> 
 
      <td>C</td> 
 
     </tr> 
 
     <tr style="display:none;"> 
 
      <td colspan="3"></td> 
 
     </tr> 
 
</tbody> 
 
</body>

出典

2016-11-17 07:28:09

パーフェクトを変更する反復のためとした後、外で変数を宣言するようにしてください、ありがとうございました。 –

間違った値を返すループのネストされた

答えて

関連する問題