skip to main | skip to sidebar
Code 18
Manuel du savoir-faire à l'usage des geeks et des curieux
RSS
  • Accueil
  • Le web au Québec
  • Liens
  • Twitter
  • Facebook
  • À propos

mardi 30 mars 2010

Internet Explorer et indexOf()

Publié par Infinite Loop, à 18 h 18 4 commentaires

Je sais que je vais en surprendre plusieurs d'entre vous avec cette déclaration incendière alors attachez bien votre tuque avec d'la broche, assoyez-vous confortablement, respirez un bon coup et tâchez de ne pas perdre connaissance :

Contrairement aux autres fureteurs, Internet Explorer ne supporte pas la fonction indexOf sur les arrays.

Dûr coup à encaisser hein ? Comment, tu n'es pas surpris du tout ? Ami lecteur, moi qui te croyait de bonne foi envers le fureteur vedette de Microsoft. Pourtant, n'ont-ils pas annoncé que leur dernière mouture allait impressionner ?

Eh bien non, même IE8 gâche la fête et cause des maux de têtes aux développeurs. Personnellement, au cours de mes tests, les fureteurs suivants ont passé tous les tests avec succès : Firefox 3, Safari 4, Chrome 4 et Opera 10. Alors qu'IE6, IE7 et IE8 ont décidé de faire classe à part.

Pourtant, tous sans exception supportent correctement String.indexOf() :

console.log( 'lorem ipsum dolor sit amet'.indexOf('ipsum') );
Si vous n'utilisez pas Firebug ou Firebug lite :
alert( 'lorem ipsum dolor sit amet'.indexOf('ipsum') );
Mais Array.indexOf() cause une erreur sous IE :
console.log(  [10,20,30,40].indexOf(40) );
C'est ce dont je me suis aperçu lorsque j'ai testé ma librairie (je teste toujours mes assertions en commençant avec Firefox). IndexOf n'est pas un standard mais tous se sont entendus pour supporter nativement la fonction.

Au moins, vous serez heureux d'apprendre qu'il est possible de le fixer facilement. Il suffit d'inclure le fix suivant à votre projet pour ramener la compatibilité de vos scripts en toute tranquillité :
if(!Array.indexOf){
Array.prototype.indexOf = function(obj){
for(var i=0; i<this.length; i++){
if(this[i]==obj){
return i;
}
}
return -1;
}
}
Si la fonction indexOf() n'existe pas nativement, elle sera définie par ce script qui prolonge l'objet Array (avec le mécanisme prototype). Notez aussi que dans le code source des frameworks Prototype.js et jQuery, ils implémentent cette patch de la même façon.


Tags: JavaScript

4 réponses à "Internet Explorer et indexOf()"

  1. Louis_Dea a dit...
    2 avril 2010 à 15 h 25

    J'ai diffusé un article sur MaRevueWeb qui parle des nouvelles fonctionnalités qu'offrira IE 9. Pour la première fois, je suis vraiment impressionné par les progrès annoncés par Microsoft.

    - Nouvel engin Javascript: Chakra
    - Compatibilité CSS3 (y'était temps...)
    - et plus encore...

    Ça promet d'être tout une amélioration comparativement au dernier IE 8.. À suivre !

    Anonyme a dit...
    25 octobre 2012 à 11 h 25

    Ca me fait plaisir de revenir sur ce post 2 ans après pour dire que IE9 ne supporte pas non plus indexOf.

    Anonyme a dit...
    15 novembre 2012 à 13 h 05

    IE9 est bien pourri mais IE10 supporte a merveille WebGL avec des performances impressionnantes

    Anonyme a dit...
    2 août 2013 à 10 h 09

    Merci pour l'astuce, cela fonctionne nickel


Publier un commentaire

Message plus récent Messages plus anciens Accueil
S'abonner à : Publier des commentaires (Atom)
    Suivre @code18 sur Twitter

    Catégories

    • Apache (21)
    • Citations (167)
    • Club Vidéo (24)
    • Coffre à outils (56)
    • CSS (8)
    • Curiosités (117)
    • Design Pattern (2)
    • Drupal (8)
    • Easter Eggs (22)
    • Extensions Firefox (20)
    • GIMP (7)
    • Histoire (21)
    • HTML (32)
    • Humour (57)
    • Intégration (34)
    • iPod (12)
    • JavaScript (110)
    • Jeu de combat (6)
    • Le coin du geek (128)
    • Liens (12)
    • Linux (56)
    • Livres (78)
    • Lois et principes (46)
    • Marché des saveurs (26)
    • Mathématique (18)
    • Mobile (5)
    • Montréal (32)
    • Musique (112)
    • Pancartes et écriteaux (16)
    • Perl (8)
    • Pérou (1)
    • PHP (130)
    • PostgreSQL (44)
    • Programmation (105)
    • Saviez-vous que (55)
    • Sécurité (22)
    • SEO (5)
    • SQL Server (22)
    • Vieilles publicités (6)
    • Virtualisation (8)
    • Voyages (1)
    • Zend Framework (26)

    Divers

    Archives

    • ►  2015 (6)
      • ►  août 2015 (1)
      • ►  juillet 2015 (1)
      • ►  février 2015 (3)
      • ►  janvier 2015 (1)
    • ►  2014 (8)
      • ►  décembre 2014 (1)
      • ►  novembre 2014 (1)
      • ►  octobre 2014 (1)
      • ►  août 2014 (2)
      • ►  juillet 2014 (2)
      • ►  janvier 2014 (1)
    • ►  2013 (53)
      • ►  décembre 2013 (2)
      • ►  novembre 2013 (1)
      • ►  octobre 2013 (3)
      • ►  septembre 2013 (2)
      • ►  août 2013 (5)
      • ►  juillet 2013 (3)
      • ►  juin 2013 (5)
      • ►  mai 2013 (3)
      • ►  avril 2013 (7)
      • ►  mars 2013 (7)
      • ►  février 2013 (11)
      • ►  janvier 2013 (4)
    • ►  2012 (105)
      • ►  décembre 2012 (8)
      • ►  novembre 2012 (5)
      • ►  octobre 2012 (4)
      • ►  septembre 2012 (1)
      • ►  août 2012 (8)
      • ►  juillet 2012 (7)
      • ►  juin 2012 (7)
      • ►  mai 2012 (10)
      • ►  avril 2012 (13)
      • ►  mars 2012 (15)
      • ►  février 2012 (15)
      • ►  janvier 2012 (12)
    • ►  2011 (146)
      • ►  décembre 2011 (14)
      • ►  novembre 2011 (11)
      • ►  octobre 2011 (12)
      • ►  septembre 2011 (13)
      • ►  août 2011 (15)
      • ►  juillet 2011 (17)
      • ►  juin 2011 (18)
      • ►  mai 2011 (15)
      • ►  avril 2011 (9)
      • ►  mars 2011 (7)
      • ►  février 2011 (3)
      • ►  janvier 2011 (12)
    • ▼  2010 (398)
      • ►  décembre 2010 (29)
      • ►  novembre 2010 (28)
      • ►  octobre 2010 (32)
      • ►  septembre 2010 (34)
      • ►  août 2010 (22)
      • ►  juillet 2010 (35)
      • ►  juin 2010 (42)
      • ►  mai 2010 (36)
      • ►  avril 2010 (37)
      • ▼  mars 2010 (34)
        • Échanger 4 trente sous pour une piastre
        • Internet Explorer et indexOf()
        • Trier un objet JSON par clé
        • Redirection à www avec .htaccess
        • Citation no. 75 sur l'histoire
        • Gang de rue des écureuils
        • Retour sur le Pecha Kucha Montréal # 16
        • Pianistes mystérieux en vidéo
        • PostgreSQL : sélection d'une table implicite
        • Anecdotes allemandes
        • Calcul inversé des taxes du Québec
        • Citation no. 74 sur la bicyclette
        • Rollover de bouton en CSS
        • Page Facebook de Code 18
        • Parent d'un élément avec jQuery
        • Logiciel libre au gouvernement
        • Born of Hope, pour fans de Lord of the Rings
        • 16 articles à lire si vous êtes programmeur
        • Citation no. 73 sur le ridicule
        • Théorie des trois pas
        • Comparaison iPad vs ExoPC slate
        • SQL Server : compter le nombre d'occurrences dans ...
        • Collection d'animations de chargement
        • Vitesse de frappe
        • Demandez-moi ce que vous voulez
        • Retour sur la 1ère édition de Ignite Montréal
        • Negative lookahead dans une regex
        • Citation no. 72 sur la parole
        • Che, partie 1 et 2
        • Recevoir des alertes lorsque Google indexe des pages
        • Auto-découverte pour OpenSearch
        • Travailler chez Google
        • Combat : Firefox vs Internet Explorer
        • Les chips les plus piquantes au monde
      • ►  février 2010 (32)
      • ►  janvier 2010 (37)
    • ►  2009 (430)
      • ►  décembre 2009 (32)
      • ►  novembre 2009 (34)
      • ►  octobre 2009 (33)
      • ►  septembre 2009 (37)
      • ►  août 2009 (37)
      • ►  juillet 2009 (39)
      • ►  juin 2009 (38)
      • ►  mai 2009 (37)
      • ►  avril 2009 (35)
      • ►  mars 2009 (37)
      • ►  février 2009 (32)
      • ►  janvier 2009 (39)
    • ►  2008 (84)
      • ►  décembre 2008 (34)
      • ►  novembre 2008 (39)
      • ►  octobre 2008 (11)

    Abonnés

Copyright © All Rights Reserved. Code 18 | Converted into Blogger Templates by Theme Craft