Как исправить TypeError: Объект не поддерживает свойство или метод «forEach»?

Question

[Muvka]

Пытаюсь отладить на сафари 9 мобильной. Т.к. для винды нет возможностей тестирования, смотрю IE 11. Сайт выглядит и там и там одинаково (корзина вся на js построена). Там вот такая ошибка есть в консоли: TypeError: Объект не поддерживает свойство или метод "forEach". Посмотрел поддержку forEach: она отличная. Что посоветуете?

Answer 1

[0xD34F]

Посмотрел поддержку forEach: она отличная.

Это другой forEach - принадлежащий Array.prototype. У вас ошибка возникает из-за отсутствия NodeList.prototype.forEach.

Что можно сделать:

• Найти/написать самостоятельно и добавить полифилл
  
• Использовать forEach массива:
  
  

  Array.prototype.forEach.call(items, function(n) {
    // ...
  });

  
  
• Использовать обычный цикл со счётчиком:
  
  

  for (var i = 0; i < items.length; i++) {
    // ...
  }

  
  
• В IE не заработает, а вот в Safari 9, говорят, должно:
  
  

  for (var n of items) {
    // ...
  }

  
  

Comments

[Muvka]

Большое вам спасибо! Уже до вас нашел. Но все-равно.

Answer 2

[Антон Спирин]

Скорей всего вы пытаетесь использовать NodeList.prototype.forEach(), который в IE не поддерживается.
Можно использовать полифилл.
Можно для перебора NodeList использовать метод массива:

var list = document.querySelectorAll( 'input[type=checkbox]' );
Array.prototype.forEach.call(list, function (item) {
  // do something
});

Comments

[Muvka]

И вам спасибо, натолкнули на верную мысль.