Perché indexOf non funziona su un array IE8?

La funzione seguente funziona perfettamente su Opera, Firefox e Chrome. Tuttavia, in IE8 fallisce da if ( allowed.indexOf(ext[1]) == -1)parte.

Qualcuno sa perché? C'è qualche errore evidente?

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

Le versioni di IE precedenti a IE9 non hanno una .indexOf()funzione per Array, per definire la versione esatta della specifica , esegui questa prima di provare a usarla:

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

Questa è la versione di MDN , utilizzata in Firefox / SpiderMonkey. In altri casi come IE, aggiungerà .indexOf()nel caso in cui manchi ... fondamentalmente IE8 o inferiore a questo punto.

Se stai usando jQuery, puoi usare $ .inArray () invece.

Se stai usando jQuery e vuoi continuare a utilizzare indexOf senza preoccuparti dei problemi di compatibilità, puoi farlo:

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

Questo è utile quando si desidera continuare a utilizzare indexOfma fornire un fallback quando non è disponibile.

Per una spiegazione e una soluzione davvero approfondite, non solo per indexOf ma altre funzioni di array mancanti in IE, consulta la domanda StackOverflow Correzione delle funzioni di array JavaScript in Internet Explorer (indexOf, forEach, ecc.)

Si prega di fare attenzione con $ .inArray se si desidera utilizzarlo. Ho appena scoperto che $ .inArray funziona solo con "Array", non con String. Ecco perché questa funzione non funzionerà in IE8!

L'API jQuery crea confusione

Il metodo $ .inArray () è simile al metodo .indexOf () nativo di JavaScript in quanto restituisce -1 quando non trova una corrispondenza. Se il primo elemento all'interno della matrice corrisponde a valore, $ .inArray () restituisce 0

-> Non dovrebbero dirlo "Simile". Dato che indexOf supporta anche "String"!

Il problema

IE <= 8 semplicemente non ha un indexOf()metodo per le matrici.

La soluzione

Se è necessario indexOfin IE <= 8, è necessario considerare l'utilizzo del seguente polyfill , raccomandato all'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;
    };
}

Minimizzato:

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

Puoi usarlo per sostituire la funzione se non esiste:

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