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.
Téléchargement du code source Exemple sur les tableaux avec Dojo
Cliquez ici pour télécharger le code source Exemple sur les tableaux avec Dojo
Téléchargement du code source Framework Dojo complet : dojo-release-1.9.3
Cliquez ici pour télécharger le code source Framework Dojo complet : dojo-release-1.9.3
Posez vos questions ici
Si vous avez des questions sur ce cours, posez-les directement dans la zone commentaires ci-dessous.