JS, что-то не так с циклом

292

02 ноября 2017, 08:32

function phrase_massive() {
    document.getElementById('phrase').innerHTML = "";
    for (var i = 0; i <= phrases.length; i++) {
         document.getElementById('phrase').innerHTML = phrases[i];
    }
}
setTimeout(phrase_massive, 1000);

Не работает, пишет "undefined". Подскажите, пожалуйста, что не так

Answer 1

Вариант с замыканием :

var phrases = [1, 2, 3, 4, 5, 6, 7]; 
 
function phrase_massive() { 
  document.getElementById('phrase').innerHTML = ""; 
  for (var i = 0; i < phrases.length; i++) { 
    setTime(i); 
  } 
}; 
 
function setTime(_i) { 
  setTimeout(function() { 
    document.getElementById('phrase').innerHTML = phrases[_i].toString(); 
  }, _i * 1000); 
}; 
 
phrase_massive();

<p id="phrase"></p>

Вариант с использованием let :

var phrases = [1, 2, 3, 4, 5, 6, 7]; 
 
function phrase_massive() { 
  document.getElementById('phrase').innerHTML = ""; 
  for (let i = 0; i < phrases.length; i++) { 
    setTimeout(function() { 
      document.getElementById('phrase').innerHTML = phrases[i].toString(); 
    }, i * 1000); 
  } 
}; 
 
phrase_massive();