Ajouter un élément à un tableau dans une boucle JavaScript
Dans ce chapitre nous allons parler des boucles. Les boucles permettent de répéter une certaine logique suivant une condition précise. Il faudra faire attention avec l'utilisation de cette boucle à ce que la condition devienne fausse à un moment donné au risque de voir la boucle se dérouler de manière infinie.
Les méthodes pour ajouter des éléments à un tableau
La classe Array fournit par défaut les méthodes nécessaires. Une méthode permet d'ajouter une valeur à un tableau. Pour ajouter une valeur à un tableau, il suffit de faire appel à la méthode push(). La méthode push() peut prendre plusieurs valeurs à la suite comme arguments. Elle accepte autant de valeurs que vous le souhaitez.
Si les variables que vous souhaitez ajouter sont contenues dans un tableau, il faut alors utiliser la méthode concat(). Son fonctionnement est différent de la méthode push(). Elle prend en paramètre le tableau à concaténer et retourne en résultat le tableau résultant de la concaténation.
Combiner boucles et manipulation de tableaux
Bravo ! Vous connaissez déjà les tableaux, et vous savez que l’indexation commence à zéro. Vous savez également que dans une boucle for, il est possible d’attribuer n’importe quelle valeur à la variable i. Par exemple, zéro ! Mais que faire si l’on souhaite utiliser une boucle for avec un tableau ? En combinant ces deux points, on peut conclure que la syntaxe array[i] peut être utilisée à l’intérieur d’une boucle for pour manipuler rapidement un tableau.
Puisque l’indexation commence à 0, la variable i a initialement la valeur 0. De cette manière, il est possible d’interagir avec le tableau. En utilisant i+=2, ce qui équivaut à i = i + 2, on récupère chaque élément du tableau situé à un indice pair. En d'autres termes, l'indice de l'élément doit être divisible par 2. Ces indices sont 0, 2, 4, 6, etc. Notez également qu'avec i, il est possible d'afficher l'indice de l'élément, comme dans l'exemple ci-dessus.
Lire aussi: Modifier Activité Kbis Auto-Entrepreneur
Utiliser array.length pour contrôler la boucle
D'ailleurs, il n'est pas nécessaire de compter manuellement la taille du tableau ! Il est possible d'utiliser la propriété array.length. Dans l'exemple ci-dessus, nous avons initialisé i à array.length - 1 car array.length vaut 10, et le dernier élément du tableau a un indice de 9. Cela est dû à l'indexation commençant à zéro. De plus, il est possible d'utiliser array.length non seulement pour l'initialisation, mais aussi dans la condition.
De nombreux exemples différents peuvent être imaginés pour tout cela ; il suffit d'un peu d'imagination et de cas d'utilisation spécifiques. Si la valeur de la longueur du tableau moins l’indice est divisible par 2, cet élément est affiché.
Autres instructions de boucle pour itérer sur des tableaux
- La boucle for permet d'exécuter un code un certain nombre de fois en précisant manuellement l'intervalle pour lequel on souhaite faire la boucle.
- L'instruction for in permet d'itérer sur les éléments énumérables.
- L'instruction for of permet de boucler sur un objet itérable en renvoyant les valeurs à chaque itération.
Exemples pratiques
08:18 - Pour cet exercice on demandera à l'utilisateur (à l'aide de prompt) un nombre entre 0 et 10, on affichera ensuite tous les chiffres sous le nombre indiqué par l'utilisateur (s'il rentre 4, on affichera 4, 3, 2, 1, 0).
!! 12:53 - On créera une variable guess qui contiendra un nombre entre 0 et 10, l'objectif sera ensuite de faire deviner ce chiffre à l'utilisateur.
La réponse correcte va vous choquer !
Ajouter des éléments à un tableau depuis une boucle : patterns courants
Il est possible d'ajouter des variables à un tableau qui en contient déjà dans le langage JavaScript. En combinant une boucle for et la méthode push(), on peut pousser des valeurs générées ou traitées à chaque itération dans le tableau cible. La méthode push() peut prendre plusieurs valeurs à la suite comme arguments ; elle accepte autant de valeurs que vous le souhaitez, ce qui permet d'ajouter plusieurs éléments par itération si nécessaire.
Lire aussi: INPI et Micro-Entreprise : Démarches
Si les variables que vous souhaitez ajouter sont contenues dans un tableau, il faut alors utiliser la méthode concat(). Son fonctionnement est différent de la méthode push(). Elle prend en paramètre le tableau à concaténer et retourne en résultat le tableau résultant de la concaténation. Ainsi, concat() est utile si, à chaque itération, vous recevez un tableau d'éléments à fusionner avec le tableau principal.
Tableau récapitulatif : push() vs concat()
| Méthode | Comportement | Usage typique dans une boucle |
|---|---|---|
| push() | Ajoute un ou plusieurs éléments au même tableau (modifie l'objet) | Ajouter un élément généré par itération : array.push(val) |
| concat() | Combine deux tableaux et retourne un nouveau tableau (n'affecte pas l'original) | Fusionner un tableau d'éléments obtenu à l'itération : array = array.concat(otherArray) |
Conseils pratiques et pièges à éviter
- Faire attention à ne pas créer de boucle infinie : la condition doit devenir fausse à un moment donné.
- Utiliser array.length pour contrôler précisément les bornes d'une boucle for, notamment pour parcourir tous les éléments sans dépasser la fin du tableau.
- Penser à l'immutabilité si nécessaire : concat() retourne un nouveau tableau, push() modifie l'existant.
- Pour récupérer des éléments selon un pas (par exemple, éléments à indices pairs), utiliser un incrément personnalisé comme i += 2.
Lire aussi: Comment Calculer la TVA ?
balises: