web-dev-qa-db-fra.com

Pourquoi .filter () ne fonctionne-t-il pas dans Internet Explorer 8?

C'est la ligne:

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

C'est l'erreur:

L'objet ne prend pas en charge cette propriété ou cette méthode

Cela fonctionne 100% bien dans Chrome. Que se passe-t-il?

javascriptjqueryinternet-explorer
26
Jack B

Array.filter() n'est pas inclus dans IE jusqu'à la version 9.

Vous pouvez utiliser ceci pour l'implémenter:

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;
  };
}

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

Ou, puisque vous utilisez jQuery, vous pouvez d’abord emballer votre tableau dans un objet jQuery:

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

Utilisez es5-shim pour pouvoir utiliser filter/indexOf dans IE8!

Les réactions de Facebook utilisent aussi cela.

  <!--[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

1
Leonardo Wong

L'utilisation de la fonction attr () fonctionne-t-elle?

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