Cómo arreglar Array indexOf () en JavaScript para los navegadores Internet Explorer

Si ha trabajado con JavaScript por algún tiempo, sabe que Internet Explorer no implementa la función ECMAScript para Array.prototype.indexOf () [incluido Internet Explorer 8]. No es un gran problema, porque puede ampliar la funcionalidad de su página con el siguiente código.

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

¿Cuándo debo implementar esto?

¿Debo envolverlo en todas mis páginas con la siguiente verificación, que verifica si la función del prototipo existe y si no, continúe y extienda el prototipo de matriz?

if (!Array.prototype.indexOf) {

    // Implement function here

}

¿O comprueba el navegador y si es Internet Explorer, simplemente impleméntelo?

//Pseudo-code

if (browser == IE Style Browser) {

     // Implement function here

}

Hazlo asi...

if (!Array.prototype.indexOf) {

}

Según la compatibilidad recomendada por MDC .

En general, el código de detección del navegador es un gran no-no.

Alternativamente, puede usar la función jQuery 1.2 inArray , que debería funcionar en todos los navegadores:

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

El código completo sería este:

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

Para obtener una respuesta y un código realmente completos para esto, así como para otras funciones de matriz, consulte la pregunta sobre desbordamiento de pila. Cómo arreglar las funciones de matriz de JavaScript en Internet Explorer (indexOf, forEach, etc.) .

La biblioteca underscore.js tiene una función indexOf que puede usar en su lugar:

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

Debe verificar si no está definido usando if (!Array.prototype.indexOf).

Además, su implementación de indexOfno es correcta. Debe usar en ===lugar de ==en su if (this[i] == obj)declaración, de lo contrario [4,"5"].indexOf(5)sería 1 de acuerdo con su implementación, lo cual es incorrecto.

Le recomiendo que use la implementación en MDC .

Hay una solución oficial de 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;
        };
    }
})();

Recomendaría esto a cualquiera que busque la funcionalidad faltante:

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

Trae la mayor parte de la funcionalidad ecma5 que falta a los navegadores más antiguos :)

Esta fue mi implementación. Básicamente, agregue esto antes que cualquier otro script en la página. es decir, en su maestro para una solución global para Internet Explorer 8. También agregué la función de recorte que parece usarse en una gran cantidad de marcos.

<!--[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]-->

esto funciona para mi.

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 el Underscore.js

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