Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Publications JavaScript / AJAX
Publications JavaScript / AJAX Commentez les articles et critiques de livres publiés sur les rubriques JavaScript et AJAX
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Actualité déjà publiée
 
Outils de la discussion
Publicité
'
Vieux 18/10/2011, 18h55   #1
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 808
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

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

Informations forums :
Inscription : juin 2008
Messages : 13 808
Points : 35 793
Points : 35 793
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 :
Array.every(callback, thisObjet);
Exemple
Code :
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 :
Array.filter(callback, thisObjet);
Exemple
Code :
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 :
Array.forEach(callback, thisObjet);
Exemple
Code :
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 :
Array.map(callback, thisObjet);
Exemple
Code :
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 :
Array.some(callback, thisObjet);
Exemple
Code :
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 :
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 :
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 :
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 !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, 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
Bovino est actuellement connecté   Envoyer un message privé Réponse avec citation 30
Vieux 18/10/2011, 20h34   #2
Responsable JavaScript & AJAX

 
Avatar de vermine
 
Inscription : mars 2008
Messages : 2 691
Détails du profil
Informations personnelles :
Âge : 27

Informations forums :
Inscription : mars 2008
Messages : 2 691
Points : 5 767
Points : 5 767
Merci d'avoir transmis l'information.
Voila quelques méthodes présentes dans les frameworks Javascript.
__________________
Elen Poukram - Isegoria - Sandawe
vermine est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/10/2011, 22h18   #3
Membre Expert
 
Avatar de Willpower
 
Homme Boris Dessy
sans emploi
Inscription : décembre 2010
Messages : 872
Détails du profil
Informations personnelles :
Nom : Homme Boris Dessy
Localisation : Belgique

Informations professionnelles :
Activité : sans emploi

Informations forums :
Inscription : décembre 2010
Messages : 872
Points : 1 381
Points : 1 381
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.
Willpower est actuellement connecté   Envoyer un message privé Réponse avec citation 00
Vieux 07/12/2011, 08h55   #4
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 808
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

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

Informations forums :
Inscription : juin 2008
Messages : 13 808
Points : 35 793
Points : 35 793
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 :
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 !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, 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
Bovino est actuellement connecté   Envoyer un message privé Réponse avec citation 00
Réponse Actualité déjà publiée
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 15h52.


 
 
 
 
Partenaires

Hébergement Web