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 : 54
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    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

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

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

  3. #3
    Membre Expert 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 : France, Haute Marne (Champagne Ardenne)

    Informations professionnelles :
    Activit� : sans emploi

    Informations forums :
    Inscription : D�cembre 2010
    Messages : 1 009
    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.

  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 : 54
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    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