Comment utiliser la puissance des tableaux array avec le Framework Dojo – partie 2

fermer la fenetre

Des Applications Performantes Sans Vous Prendre La Tête !

Recevez la formation "Développement Facilte" GRATUITEMENT
Avec tous les Codes Sources Commentés
 
(Les événements, la programmation orientée objets, les modèles de conception, Les éditeurs, les outils, 
l'efficacité, CSS3, HTML5, JavaScript, jQuery, Dojo...)

Renseignez votre prénom et votre adresse email ci-dessous :

Et voici la suite du cours précédent sur les tableaux.

Regardez la formation ci-dessous pour connaitre les fonctionnalités avancées des tableaux avec le Framework Dojo.

[ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”]

Comment utiliser la puissance des tableaux array avec le Framework Dojo – partie 2

Bonjour à tous et bienvenu sur Développement Facile.

Dans le cours précédent, vous avez commencé à découvrir comment utiliser les tableaux avec le Framework JavaScript Dojo toolkit, là on passe à la suite, on peut faire énormément de choses avec Dojo et les tableaux, voici la suite des fonctionnalités.

Modifier tous les éléments

Vous avez dojo.map qui permet de créer un nouveau tableau après avoir modifié un par un, les éléments du tableau initial, après votre traitement, le tableau initial existe toujours dans le script mais vous recevez un nouveau tableau, je vous ai mis un exemple de code source là, vous avez sur votre écran,
dojo.map tableau départ avec une fonction return item %2, le modulo le reste d’une division par deux, dans le tableau, tout simplement.

Condition vérifiée sur les éléments

Vous avez également, je vous en ai parlé dans les cours précédents, dojo.forEach, dojo.some, dojo.every, donc dojo.some ça renvoie un booléen true des conditions sur les éléments d’un tableau array vérifié, sinon ça renvoi false. En faite dojo.some ça passe en revue les éléments d’un tableau un par un, et à chaque item sur le dernier ça applique le test que vous avez prévu dans la fonction. Si les éléments répondent à la condition, dojo.some renvoi la valeur true, sinon le script renverra la valeur false.

Condition non vérifiée sur les éléments

Dojo.every c’est l’inverse, ça renvoie false dès que la condition sur les éléments d’un tableau array n’est pas vérifiée, sinon tant que la condition est vérifiée ça renvoie true, ça fait exactement l’inverse de dojo.some.
En principe vous allez utiliser dojo.some régulièrement c’est ce que tout le monde utilise.

Exemple d’application

Un exemple de code source, justement, on a toujours notre tableau, le même tableau que tout à l’heure, Amandine, Gwen, Alice, Christelle, Delphine, Alice, Marine, et vous avez un bouton pour modifier la liste, donc use map, qu’est-ce que ça va faire ? Ça va rajouter # à côté d’item, et après on refait un forEach pour afficher tous les éléments du tableau. C’est des exemples tout bêtes, mais ça vous permettre de comprendre dojo.map, vous avez le nouveau tableau et l’ancien tableau qui existe toujours, ensuite on fait des tests, est-ce qu’il y a des noms supérieurs à 800, des nombres inférieurs à 800 et en fonction ça va nous renvoyer true ou false.
On modifie la liste, hop, vous avez votre nouveau tableau propriétés, est-ce qu’il y a des nombres supérieurs à 800 là-dedans ? Oui, des nombre inférieur à 800, oui il y a des nombres inférieurs à 800.
Ca va vous permettre de tester très facilement des valeurs, regardez, test content array, il est ici, d’un côté dojo.some, est-ce qu’il y a des valeurs supérieures à 800 ? Oui, true, de l’autre non, et là c’est l’inverse, dojo.every, exactement la même condition mais lorsque c’est true c’est toutes les valeurs sont inférieures à 800. C’est deux fonctions inverses, dojo.every, dojo.some, en principe vous allez utiliser l’une ou l’autre, personnellement je préfère dojo.some elle est plus claire, pour d’autres c’est dojo.every.

Votre plan d’actions !

Comme d’habitude retrouvez le code source en téléchargement sous ce cours vidéo, maintenant c’est à vous de mettre en pratique, si vous avez des questions, posez-les sous ce cours vidéo, et moi je vous dis à très bientôt sur Développement Facile.

[/ppmtoggle][/ppmaccordion]

Téléchargez l’exemple Dojo

Et voici le code source commenté de l’exemple du cours.

Downloads

Posez vos questions ici

Si vous avez des questions sur ce cours, posez-les directement dans la zone commentaires ci-dessous.

Créez Rapidement des Sites Hyper-Interactifs avec vos utilisateurs grâce à la Formation Gratuite jQuery Facile !

Recevez les Stratégies pour utiliser le Potentiel des Frameworks jQuery et Dojo
+
Logo jQuery
+
Des Tutoriels Gratuits Supplémentaires pour utiliser toute la "Richesse" du Framework de Google : AngularJS