Dlaczego indexOf nie działa na tablicy IE8?

Poniższa funkcja działa dobrze w Opera, Firefox i Chrome. Jednak w IE8 zawodzi z if ( allowed.indexOf(ext[1]) == -1)części.

Czy ktoś wie dlaczego? Czy jest jakaś oczywista pomyłka?

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

Wersje IE przed IE9 nie mają .indexOf()funkcji dla Array, aby zdefiniować dokładną wersję specyfikacji , uruchom ją przed próbą użycia:

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

To jest wersja z MDN , używana w Firefox / SpiderMonkey. W innych przypadkach, takich jak IE, doda .indexOf()w przypadku jego braku ... w zasadzie IE8 lub poniżej w tym momencie.

Jeśli używasz jQuery, możesz zamiast tego użyć $ .inArray () .

Jeśli używasz jQuery i chcesz nadal używać indexOf bez obaw o problemy ze zgodnością, możesz to zrobić:

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

Jest to przydatne, gdy chcesz nadal używać, indexOfale zapewnia rezerwę, gdy nie jest dostępna.

Aby uzyskać naprawdę dokładne wyjaśnienie i obejście, nie tylko dla indexOf, ale innych funkcji tablicy brakujących w IE, sprawdź pytanie StackOverflow Naprawianie funkcji tablicy JavaScript w Internet Explorerze (indexOf, forEach itp.)

Ostrożnie z $ .inArray, jeśli chcesz go użyć. Właśnie odkryłem, że $ .inArray działa tylko z „Array”, a nie z String. Dlatego ta funkcja nie działa w IE8!

Interfejs API jQuery wprowadza zamieszanie

Metoda $ .inArray () jest podobna do rodzimej metody JavaScript .indexOf (), ponieważ zwraca -1, gdy nie znajdzie dopasowania. Jeśli pierwszy element w tablicy odpowiada wartości, $ .inArray () zwraca 0

-> Nie powinni mówić „Podobne”. Ponieważ indexOf obsługuje również „String”!

Problem

IE <= 8 po prostu nie ma indexOf()metody tablic.

Rozwiązanie

Jeśli potrzebujesz indexOfw IE <= 8, powinieneś rozważyć użycie następującego wypełnienia , które jest zalecane w 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;
    };
}

Zminimalizowane:

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

Możesz użyć tego do zastąpienia funkcji, jeśli ona nie istnieje:

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