Comment réparer Array indexOf () dans JavaScript pour les navigateurs Internet Explorer

Si vous avez longuement travaillé avec JavaScript, vous savez qu'Internet Explorer n'implémente pas la fonction ECMAScript pour Array.prototype.indexOf () [y compris Internet Explorer 8]. Ce n'est pas un gros problème, car vous pouvez étendre les fonctionnalités de votre page avec le code suivant.

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

Quand dois-je mettre cela en œuvre?

Dois-je l'envelopper sur toutes mes pages avec la vérification suivante, qui vérifie si la fonction prototype existe et sinon, continuez et étendez le prototype Array?

if (!Array.prototype.indexOf) {

    // Implement function here

}

Ou le navigateur vérifie-t-il et s'il s'agit d'Internet Explorer, il suffit de l'implémenter?

//Pseudo-code

if (browser == IE Style Browser) {

     // Implement function here

}

Fais-le comme ça...

if (!Array.prototype.indexOf) {

}

Comme la compatibilité recommandée par MDC .

En général, le code de détection du navigateur est un gros no-no.

Alternativement, vous pouvez utiliser la fonction jQuery 1.2 inArray , qui devrait fonctionner sur tous les navigateurs:

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

Le code complet serait alors le suivant:

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

Pour obtenir une réponse et un code vraiment approfondis, ainsi que d'autres fonctions de tableau, consultez la question Stack Overflow Fixing JavaScript Array dans Internet Explorer (indexOf, forEach, etc.) .

La bibliothèque underscore.js possède une fonction indexOf que vous pouvez utiliser à la place:

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

Vous devez vérifier s'il n'est pas défini à l'aide de if (!Array.prototype.indexOf).

En outre, votre implémentation de indexOfn'est pas correcte. Vous devez utiliser à la ===place de ==dans votre if (this[i] == obj)relevé, sinon[4,"5"].indexOf(5) serait 1 selon votre implémentation, ce qui est incorrect.

Je vous recommande d'utiliser l'implémentation sur MDC .

Il existe une solution officielle 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;
        };
    }
})();

Je recommanderais ceci à tous ceux qui recherchent des fonctionnalités manquantes:

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

Il apporte la plupart des fonctionnalités ecma5 manquantes aux anciens navigateurs :)

C'était ma mise en œuvre. Essentiellement, ajoutez ceci avant tout autre script sur la page. c'est-à-dire dans votre master pour une solution globale pour Internet Explorer 8. J'ai également ajouté dans la fonction trim qui semble être utilisée dans de nombreux frameworks.

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

ça marche pour moi.

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

Avec le Underscore.js

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