Come risolvere Array indexOf () in JavaScript per i browser Internet Explorer

Se hai lavorato con JavaScript a lungo, sei consapevole che Internet Explorer non implementa la funzione ECMAScript per Array.prototype.indexOf () [incluso Internet Explorer 8]. Non è un grosso problema, perché puoi estendere la funzionalità sulla tua pagina con il seguente codice.

Array.prototype.indexOf = function(obj, start) {
     for (var i = (start || 0), j = this.length; i < j; i++) {
         if (this[i] === obj) { return i; }
     }
     return -1;
}

Quando dovrei implementarlo?

Devo avvolgerlo su tutte le mie pagine con il seguente controllo, che controlla se esiste la funzione prototipo e, in caso contrario, andare avanti ed estendere il prototipo di array?

if (!Array.prototype.indexOf) {

    // Implement function here

}

Oppure controlla il browser e se è Internet Explorer, implementalo?

//Pseudo-code

if (browser == IE Style Browser) {

     // Implement function here

}

Fai cosi...

if (!Array.prototype.indexOf) {

}

Come compatibilità consigliata da MDC .

In generale, il codice di rilevamento del browser è un grande no-no.

In alternativa, è possibile utilizzare la funzione inArray jQuery 1.2 , che dovrebbe funzionare su tutti i browser:

jQuery.inArray( value, array [, fromIndex ] )

Il codice completo sarebbe quindi questo:

if (!Array.prototype.indexOf) {
    Array.prototype.indexOf = function(obj, start) {
         for (var i = (start || 0), j = this.length; i < j; i++) {
             if (this[i] === obj) { return i; }
         }
         return -1;
    }
}

Per una risposta e un codice davvero completi a questo, così come altre funzioni dell'array, consulta la domanda Stack Overflow Correzione delle funzioni dell'array JavaScript in Internet Explorer (indexOf, forEach, ecc . ) .

La libreria underscore.js ha una funzione indexOf che puoi usare invece:

_.indexOf([1, 2, 3], 2)

Dovresti controllare se non è definito usando if (!Array.prototype.indexOf).

Inoltre, l'implementazione di indexOfnon è corretta. È necessario utilizzare ===anziché ==nella propria if (this[i] == obj)dichiarazione, altrimenti [4,"5"].indexOf(5)sarebbe 1 in base all'implementazione, che non è corretto.

Ti consiglio di utilizzare l'implementazione su MDC .

Esiste la soluzione ufficiale di Mozilla: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf

(function() {
    /**Array*/
    // Production steps of ECMA-262, Edition 5, 15.4.4.14
    // Reference: http://es5.github.io/#x15.4.4.14
    if (!Array.prototype.indexOf) {
        Array.prototype.indexOf = function(searchElement, fromIndex) {
            var k;
            // 1. Let O be the result of calling ToObject passing
            //    the this value as the argument.
            if (null === this || undefined === this) {
                throw new TypeError('"this" is null or not defined');
            }
            var O = Object(this);
            // 2. Let lenValue be the result of calling the Get
            //    internal method of O with the argument "length".
            // 3. Let len be ToUint32(lenValue).
            var len = O.length >>> 0;
            // 4. If len is 0, return -1.
            if (len === 0) {
                return -1;
            }
            // 5. If argument fromIndex was passed let n be
            //    ToInteger(fromIndex); else let n be 0.
            var n = +fromIndex || 0;
            if (Math.abs(n) === Infinity) {
                n = 0;
            }
            // 6. If n >= len, return -1.
            if (n >= len) {
                return -1;
            }
            // 7. If n >= 0, then Let k be n.
            // 8. Else, n<0, Let k be len - abs(n).
            //    If k is less than 0, then let k be 0.
            k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
            // 9. Repeat, while k < len
            while (k < len) {
                // a. Let Pk be ToString(k).
                //   This is implicit for LHS operands of the in operator
                // b. Let kPresent be the result of calling the
                //    HasProperty internal method of O with argument Pk.
                //   This step can be combined with c
                // c. If kPresent is true, then
                //    i.  Let elementK be the result of calling the Get
                //        internal method of O with the argument ToString(k).
                //   ii.  Let same be the result of applying the
                //        Strict Equality Comparison Algorithm to
                //        searchElement and elementK.
                //  iii.  If same is true, return k.
                if (k in O && O[k] === searchElement) {
                    return k;
                }
                k++;
            }
            return -1;
        };
    }
})();

Lo consiglierei a chiunque cerchi funzionalità mancanti:

http://code.google.com/p/ddr-ecma5/

Porta la maggior parte della funzionalità ecma5 mancante ai browser più vecchi :)

Questa era la mia implementazione. In sostanza, aggiungilo prima di qualsiasi altro script nella pagina. vale a dire nel tuo master per una soluzione globale per Internet Explorer 8. Ho anche aggiunto la funzione trim che sembra essere utilizzata in un sacco di framework.

<!--[if lte IE 8]>
<script>
    if (!Array.prototype.indexOf) {
        Array.prototype.indexOf = function(obj, start) {
            for (var i = (start || 0), j = this.length; i < j; i++) {
                if (this[i] === obj) {
                    return i;
                }
            }
            return -1;
        };
    }

    if(typeof String.prototype.trim !== 'function') {
        String.prototype.trim = function() {
            return this.replace(/^\s+|\s+$/g, '');
        };
    };
</script>
<![endif]-->

per me funziona.

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

Con Underscore.js

var arr=['a','a1','b'] _.filter(arr, function(a){ return a.indexOf('a') > -1; })