2011-08-22 16 views
26

これはラインである:Internet Explorer 8で.filter()が動作しないのはなぜですか?

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

これはエラーです:

Object doesn't support this property or method

これは、Chromeで100%の罰金を動作します。どうしたの?

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のを使用しているので、あなたができる

+0

私はポールのを見て前に、私は私の答えを投稿しました。曲は配列かjQueryオブジェクトですか? – Dennis

答えて

64

Array.filter()は、あなたがそれを実装するためにこれを使用することができ、バージョン9

までIEに含まれていませんまず配列をjQueryオブジェクトにラップします:

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

フィルタ関数の引数はインデックスです。実際の要素を取得するには、単に 'this'を使うだけです。 http://api.jquery.com/filter/ – Dennis

+2

ありがとうございました!これは完全に機能しました。 –

+0

また、関数内でi、vを実行することもできます。ここで、vは配列、iは要素です。 –

0

attr()関数の使用は機能しますか?

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

IE5でfilter/indexOfを使用できるので、es5-shimを使用してください!

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

関連する問題