Почему в Internet Explorer 8 не работает .filter()?

Это строка:

songs = songs.filter(function (el) {
  return el.album==album;
});  

Это ошибка:

Объект не поддерживает это свойство или метод

Это работает на 100% в Chrome. Что происходит?

Ответы

Ответ 1

Array.filter() не включен в IE до версии 9.

Вы можете использовать это для его реализации:

if (!Array.prototype.filter)
{
  Array.prototype.filter = function(fun /*, thisp */)
  {
    "use strict";

    if (this === void 0 || this === null)
      throw new TypeError();

    var t = Object(this);
    var len = t.length >>> 0;
    if (typeof fun !== "function")
      throw new TypeError();

    var res = [];
    var thisp = arguments[1];
    for (var i = 0; i < len; i++)
    {
      if (i in t)
      {
        var val = t[i]; // in case fun mutates this
        if (fun.call(thisp, val, i, t))
          res.push(val);
      }
    }

    return res;
  };
}

От: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/filter

Или, поскольку вы используете jQuery, вы можете сначала перенести ваш массив в объект jQuery:

songs = $(songs).filter(function(){
  return this.album==album;
}); 

Ответ 2

Используйте es5-shim, поэтому вы можете использовать filter/indexOf в IE8!

Facebook react.js также использует это.

  <!--[if lte IE 8]>
  <script type="text/javascript" src="/react/js/html5shiv.min.js"></script>
  <script type="text/javascript" src="/react/js/es5-shim.min.js"></script>
  <script type="text/javascript" src="/react/js/es5-sham.min.js"></script>
  <![endif]-->

https://github.com/es-shims/es5-shim

Ответ 3

Работает ли функция attr()?

songs = songs.filter(function (index) {
    return $(this).attr("album") == album;
});