Для цикла только дает последнее значение счетчика в качестве выходного

Question

У меня есть ниже сценарий: -

<script type="text/javascript"> 
var fruits = array('banana','apple','orange'); 
for (var i = 0;i < fruits.length; i++) { 
    document.getElementById("td1").innerHTML = fruits; 
} 
</script> 
<table id="table"> 
    <tr id="tr1"> 
     <td id="td1"></td> 
    </tr> 
    <tr id="tr2"> 
     <td id="td2"></td> 
    </tr> 
</table> 

после выполнения выше я только получаю выходной оранжевый. Я хочу получить выходные «банан», «яблоко», «оранжевый», используя вышеописанный цикл.

Answer 1

<script type="text/javascript"> 
    var fruits = ['banana','apple','orange']; 
    document.getElementById("td1").innerHTML = fruits.join(); 
</script> 

Answer 2

Вот ошибка:

document.getElementById("td1").innerHTML = fruits; 
             ^
             | 
             | 
          you're overwriting previous text here 

Вы, вероятно, означает += вместо этого.

Answer 3

жаль босс его не массив -> Массив, попробуйте это и после выходного

 var fru=''; 
     var fruits = Array('banana','apple','orange'); 
     for (var i = 0;i < fruits.length; i++) { 
      fru+=" "+fruits[i]+",";} 
     document.getElementById('td1').innerHTML=fru;