indexOfが配列IE8で機能しないのはなぜですか？

以下の機能は、Opera、Firefox、Chromeで正常に動作します。ただし、IE8ではif ( allowed.indexOf(ext[1]) == -1)一部失敗します。

なぜ誰か知っていますか？明らかな間違いはありますか？

function CheckMe() {
    var allowed = new Array('docx','xls','xlsx', 'mp3', 'mp4', '3gp', 'sis', 'sisx', 'mp3', 'wav', 'mid', 'amr', 'jpg', 'gif', 'png', 'jpeg', 'txt', 'pdf', 'doc', 'rtf', 'thm', 'rar', 'zip', 'htm', 'html', 'css', 'swf', 'jar', 'nth', 'aac', 'cab', 'wgz');
    var fileinput=document.getElementById('f');
    var ext = fileinput.value.toLowerCase().split('.');
    if ( allowed.indexOf(ext[1]) == -1) 
    {
        document.getElementById('uploadsec').innerHTML = document.getElementById('uploadsec').innerHTML;
        alert('This file type is not allowed!');
    }
}

IE9より前のバージョンのIEには、.indexOf()配列の関数がありません。正確なスペックバージョンを定義するには、これを使用する前に実行します。

if (!Array.prototype.indexOf)
{
  Array.prototype.indexOf = function(elt /*, from*/)
  {
    var len = this.length >>> 0;

    var from = Number(arguments[1]) || 0;
    from = (from < 0)
         ? Math.ceil(from)
         : Math.floor(from);
    if (from < 0)
      from += len;

    for (; from < len; from++)
    {
      if (from in this &&
          this[from] === elt)
        return from;
    }
    return -1;
  };
}

これは、Firefox / SpiderMonkeyで使用されているMDNのバージョンです。IEなどの他のケース.indexOf()では、欠落している場合に追加されます...この時点では基本的にIE8以下です。

jQueryを使用している場合は、代わりに$ .inArray（）を使用できます。

jQueryを使用していて、互換性の問題を心配せずにindexOfを使い続けたい場合は、次のようにします。

if (!Array.prototype.indexOf) {
    Array.prototype.indexOf = function(val) {
        return jQuery.inArray(val, this);
    };
}

これは、使い続けたい場合に役立ちますが、indexOf使用できない場合のフォールバックを提供します。

本当に徹底的な説明と回避策については、indexOfだけでなく、IEにない他の配列関数についても、StackOverflowの質問Internet ExplorerでのJavaScript配列関数の修正（indexOf、forEachなど）を確認してください。

$ .inArrayを使用する場合は注意してください。$ .inArrayは「配列」でのみ機能し、文字列では機能しないことがわかりました。このため、この関数はIE8では機能しません。

jQuery APIは混乱を招く

$ .inArray（）メソッドは、一致が見つからない場合に-1を返すという点でJavaScriptのネイティブの.indexOf（）メソッドに似ています。配列内の最初の要素が値と一致する場合、$。inArray（）は0を返します

->彼らはそれを「似ている」と言ってはいけません。indexOfは "String"もサポートしているので！

問題

IE <= 8には、indexOf()配列のメソッドがありません。

ソリューション

あなたが必要な場合はindexOfIE <= 8で、次の使用を検討する必要がありポリフィルされ、MDNで推奨します：

if (!Array.prototype.indexOf) {
    Array.prototype.indexOf = function(searchElement, fromIndex) {
        var k;
        if (this == null) {
            throw new TypeError('"this" is null or not defined');
        }
        var o = Object(this);
        var len = o.length >>> 0;
        if (len === 0) {
            return -1;
        }
        var n = +fromIndex || 0;
        if (Math.abs(n) === Infinity) {
            n = 0;
        }
        if (n >= len) {
            return -1;
        }
        k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
        while (k < len) {
            if (k in o && o[k] === searchElement) {
                return k;
            }
            k++;
        }
        return -1;
    };
}

縮小：

Array.prototype.indexOf||(Array.prototype.indexOf=function(r,t){var n;if(null==this)throw new TypeError('"this" is null or not defined');var e=Object(this),i=e.length>>>0;if(0===i)return-1;var a=+t||0;if(Math.abs(a)===1/0&&(a=0),a>=i)return-1;for(n=Math.max(a>=0?a:i-Math.abs(a),0);i>n;){if(n in e&&e[n]===r)return n;n++}return-1});

これが存在しない場合は、これを使用して関数を置き換えることができます。

<script>
if (!Array.prototype.indexOf) {
    Array.prototype.indexOf = function(elt /*, from*/) {
        var len = this.length >>> 0;

        var from = Number(arguments[1]) || 0;
        from = (from < 0) ? Math.ceil(from) : Math.floor(from);
        if (from < 0)
            from += len;

        for (; from < len; from++) {
            if (from in this && this[from] === elt)
                return from;
        }
        return -1;
    };
}
</script>