Warum funktioniert indexOf auf einem Array IE8 nicht?

Die folgende Funktion funktioniert problemlos in Opera, Firefox und Chrome. In IE8 schlägt dies jedoch teilweise fehl if ( allowed.indexOf(ext[1]) == -1).

Weiß jemand warum? Gibt es einen offensichtlichen Fehler?

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!');
    }
}

Versionen von IE vor IE9 haben keine .indexOf()Funktion für Array. Um die genaue Spezifikationsversion zu definieren , führen Sie diese aus, bevor Sie versuchen, sie zu verwenden:

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

Dies ist die Version von MDN , die in Firefox / SpiderMonkey verwendet wird. In anderen Fällen wie dem IE wird es hinzugefügt, .indexOf()falls es fehlt ... im Grunde IE8 oder darunter an dieser Stelle.

Wenn Sie jQuery verwenden, können Sie stattdessen $ .inArray () verwenden.

Wenn Sie jQuery verwenden und indexOf weiterhin verwenden möchten, ohne sich um Kompatibilitätsprobleme sorgen zu müssen, können Sie Folgendes tun:

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

Dies ist hilfreich, wenn Sie weiterhin verwenden möchten, indexOfaber einen Fallback bereitstellen möchten, wenn dieser nicht verfügbar ist.

Eine wirklich gründliche Erklärung und Problemumgehung, nicht nur für indexOf, sondern auch für andere im IE fehlende Array-Funktionen, finden Sie in der Frage StackOverflow. Beheben von JavaScript-Array-Funktionen in Internet Explorer (indexOf, forEach usw.)

Bitte seien Sie vorsichtig mit $ .inArray, wenn Sie es verwenden möchten. Ich habe gerade herausgefunden, dass $ .inArray nur mit "Array" funktioniert, nicht mit String. Deshalb funktioniert diese Funktion in IE8 nicht!

Die jQuery-API sorgt für Verwirrung

Die $ .inArray () -Methode ähnelt der nativen .indexOf () -Methode von JavaScript, da sie -1 zurückgibt, wenn keine Übereinstimmung gefunden wird. Wenn das erste Element im Array mit dem Wert übereinstimmt, gibt $ .inArray () 0 zurück

-> Sie sollten es nicht "ähnlich" sagen. Da indexOf auch "String" unterstützt!

Das Problem

IE <= 8 hat einfach keine indexOf()Methode für Arrays.

Die Lösung

Wenn Sie indexOfin IE <= 8 benötigen , sollten Sie die folgende Polyfüllung in Betracht ziehen , die im MDN empfohlen wird :

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

Minimiert:

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

Sie können dies verwenden, um die Funktion zu ersetzen, wenn sie nicht vorhanden ist:

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