IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Le "core" JavaScript s'enrichit de nouvelles méthodes. [Tutoriel]


Sujet :

JavaScript

  1. #1
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 418
    Points
    91 418
    Billets dans le blog
    20
    Par défaut Le "core" JavaScript s'enrichit de nouvelles méthodes.
    C'est une information qui est, il me semble, passée relativement inaperçue mais qui est selon moi assez intéressante à souligner.
    Le noyau JavaScript, qui était resté longtemps figé, s'est enrichi avec les dernières versions des navigateurs, de nouvelles méthodes bien utiles.

    Pour rappel, le noyau JavaScript (aussi appelé core JavaScript), par opposition au DOM JavaScript (ou JavaScript côté client) regroupe les objets natifs de JavaScript et surtout, la partie censée être commune à toutes ses variations.
    Il regroupe en particulier les objets natifs Array et String qui ont vu leur prototype amélioré.
    Il est à noter que ces ajouts sont aussi disponibles (sauf mention contraire) dans Internet Explorer depuis la version 9.


    • L'objet Array
    La méthode every()
    Cette méthode permet d'appliquer à tous les membres du tableau une fonction de rappel afin de savoir si tous les éléments du tableau remplissent une condition.
    Syntaxe
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    Array.every(callback, thisObjet);
    Exemple
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    function isImpair(nb){ 
        return nb & 1; 
    } 
    alert([1,5,17,89].every(isImpair)); 
    alert([1,5,17,89, 100].every(isImpair));
    La méthode filter()

    Comme son nom l'indique, cette méthode permet de filtrer les éléments d'un tableau selon le résultat renvoyé par une fonction de rappel.
    Syntaxe
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    Array.filter(callback, thisObjet);
    Exemple
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function isInferieurADix(nb){ 
        return nb < 10; 
    } 
    alert([2,5,6,8,10,11].filter(isInferieurADix));
    La méthode forEach()
    Cette méthode permet d'appliquer un traitement à chaque élément du tableau.
    Syntaxe
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    Array.forEach(callback, thisObjet);
    Exemple
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    var tab = ['a','b','c','d','e'], 
        resultat = '', 
        i = 0; 
    function arrayToString(){ 
        resultat += 'Rang '+i+'\t\tvaleur : '+this[i]+'\n'; 
        i++; 
    } 
    tab.forEach(arrayToString, tab); 
    alert(resultat);
    La méthode map()
    La méthode map() va appliquer à chaque élément du tableau le traitement de la fonction de rappel.La méthode map()
    Syntaxe
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    Array.map(callback, thisObjet);
    Exemple
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    var tab = ['a','b','c','d','e']; 
    function double(val){ 
        return val + val; 
    } 
    alert(tab.map(double));
    La méthode some()
    Similaire à la méthode every(), cette méthode va vérifier si au moins un des éléments du tableau est valide selon le résultat renvoyé par la fonction de rappel.
    Syntaxe
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    Array.some(callback, thisObjet);
    Exemple
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    function isInferieurADix(nb){ 
        return nb < 10; 
    } 
    alert([10,20,30,40,50].some(isInferieurADix)); 
    alert([5,10,20,30,40,50].some(isInferieurADix));

    • L'objet String
    Ces méthodes renvoient la nouvelle chaîne mais ne modifient pas celle d'origine.

    La méthode trim()
    Supprime tous les caractères d'espacement en début et fin de chaîne.
    Syntaxe
    Exemple
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    var str = '\tTest '; 
    var strTrimmed = str.trim(); 
    alert('!'+str+'!\n!'+strTrimmed+'!');
    La méthode trimRight()
    Supprime les espacements en fin de chaîne.
    Syntaxe
    Exemple
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    var str = '\tTest '; 
    var strTrimmed = str.trimRight(); 
    alert('!'+str+'!\n!'+strTrimmed+'!');
    La méthode trimLeft()
    Supprime les espacements en début de chaîne.
    Attention : étonnamment, cette méthode n'est pas (encore) disponible pour Internet Explorer et Opera...
    Syntaxe
    Exemple
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    var str = '\tTest '; 
    var strTrimmed = str.trimLeft(); 
    alert('!'+str+'!\n!'+strTrimmed+'!');
    À noter aussi, pour l'objet Date, l'apparition de la méthode toISOString().

    Billet original publié sur les blogs de developpez.com...
    Billet original
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  2. #2
    Expert éminent sénior

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Points : 79 912
    Points
    79 912
    Par défaut
    Merci d'avoir transmis l'information.
    Voila quelques méthodes présentes dans les frameworks Javascript.

  3. #3
    Membre expérimenté Avatar de Willpower
    Homme Profil pro
    sans emploi
    Inscrit en
    Décembre 2010
    Messages
    1 009
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : sans emploi

    Informations forums :
    Inscription : Décembre 2010
    Messages : 1 009
    Points : 1 519
    Points
    1 519
    Par défaut
    Citation Envoyé par vermine Voir le message
    Merci d'avoir transmis l'information.
    Voila quelques méthodes présentes dans les frameworks Javascript.
    +1


    La seule que je connaissais / utilisais c'était la méthode "map".
    D'ailleurs pour ajouter une petite précision à tes explications, la méthode ne modifie pas chaque élément du tableau en question mais crée une copie du tableau qui elle subit les modifications.
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    eval(a='eval(a)')
    recursive make it evil
    eval make it eval

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 418
    Points
    91 418
    Billets dans le blog
    20
    Par défaut
    Tiens, je me rends compte que j'étais passé à coté de Array.isArray() qui permet de déterminer si un objet est un tableau.

    Exemples :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    var arr = [1,2,3,4],
        tab = {un : 1, deux: 2, trois: 3, quatre: 4},
        mavar = 'toto';
    alert(Array.isArray(arr));
    alert(Array.isArray(tab));
    alert(Array.isArray(mavar));
    alert(Array.isArray([]));
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo