Un tableau est l’un des concepts les plus courants de Javascript, qui nous donne beaucoup de possibilités de travailler avec des données stockées à l’intérieur. En prenant en considération que le tableau est l’un des sujets les plus basiques en Javascript que vous apprenez au début de votre parcours de programmation, dans cet article, je voudrais vous montrer quelques astuces que vous ne connaissez peut-être pas et qui peuvent être très utiles dans le codage ! Commençons.
Supprimer les doublons d’un tableau
C’est une question d’entretien très populaire sur les tableaux Javascript, comment extraire les valeurs uniques d’un tableau Javascript. Voici une solution rapide et facile pour ce problème, vous pouvez utiliser un nouveau Set() à cette fin. Et je voudrais vous montrer deux façons possibles de le faire, l’une avec la méthode .from() et la seconde avec l’opérateur d’étalement (…).
Remplacer une valeur spécifique dans un tableau
Il est parfois nécessaire de remplacer une valeur spécifique dans un tableau lors de la création du code, et il existe une méthode courte et efficace pour le faire, que vous ne connaissez peut-être pas encore. Pour cela, nous pouvons utiliser .splice(start, value to remove, valueToAdd) et y passer les trois paramètres spécifiant où nous voulons commencer la modification, combien de valeurs nous voulons changer et les nouvelles valeurs.
Cartographier un tableau sans .map()
Tout le monde connaît probablement la méthode .map() des tableaux, mais il existe une autre solution qui peut être utilisée pour obtenir un effet similaire et un code très propre. Nous pouvons utiliser la méthode .from() à cette fin.
Vider un tableau
Vous avez un tableau plein d’éléments mais vous devez le vider pour une raison quelconque, et vous ne voulez pas supprimer les éléments un par un ? Il est très simple de le faire en une seule ligne de code. Pour vider un tableau, vous devez définir la longueur du tableau à 0, et c’est tout !
Convertir un tableau en objet
Il arrive que nous ayons un tableau, mais que pour une raison quelconque, nous ayons besoin d’un objet avec ces données, et le moyen le plus rapide de convertir le tableau en objet est d’utiliser un opérateur d’étalement bien connu (…).
Remplir un tableau avec des données
Il y a des situations où nous créons un tableau, et nous voudrions le remplir avec des données, ou nous avons besoin d’un tableau avec les mêmes valeurs, et dans ce cas la méthode .fill() vient avec une solution facile et propre.
Fusionner des tableaux
Savez-vous comment fusionner des tableaux en un seul tableau sans utiliser la méthode .concat() ? Il existe un moyen simple de fusionner n’importe quel nombre de tableaux en un seul en une seule ligne de code. Comme vous l’avez probablement déjà compris, l’opérateur d’étalement (…) est très utile lorsque vous travaillez avec des tableaux et il en va de même dans ce cas.
Trouver l’intersection de deux tableaux
C’est également l’un des défis les plus populaires auxquels vous pouvez être confronté lors d’un entretien Javascript, car il montre si vous savez utiliser les méthodes des tableaux et quelle est votre logique. Pour trouver l’intersection de deux tableaux, nous utiliserons l’une des méthodes présentées précédemment dans cet article, pour nous assurer que les valeurs du tableau que nous vérifions ne sont pas dupliquées et nous utiliserons la méthode .filter et la méthode .includes. En conséquence, nous obtiendrons le tableau avec les valeurs qui ont été présentées dans les deux tableaux.
Supprimer les valeurs erronées d’un tableau
Tout d’abord, nous allons définir les valeurs fausses. En Javascript, les valeurs fausses sont false, 0, “”, null, NaN, undefined. Maintenant, nous pouvons trouver comment supprimer ce type de valeurs de notre tableau. Pour ce faire, nous allons utiliser la méthode .filter().
Obtenir une valeur aléatoire dans un tableau
Parfois, nous avons besoin de sélectionner une valeur du tableau de manière aléatoire. Pour le faire de manière simple, rapide et brève, tout en gardant notre code propre, nous pouvons obtenir un numéro d’index aléatoire en fonction de la longueur du tableau.
Inverser un tableau
Lorsque nous avons besoin d’inverser notre tableau, il n’est pas nécessaire de le créer à l’aide de boucles et de fonctions compliquées, il existe une méthode de tableau facile qui fait tout pour nous, et avec une seule ligne de code, nous pouvons avoir notre tableau inversé.
Méthode .lastIndexOf()
En Javascript, il existe une méthode intéressante qui permet de trouver l’indice de la dernière occurrence de l’élément donné. Par exemple, si notre tableau a des valeurs dupliquées, nous pouvons trouver la position de la dernière occurrence de celle-ci.
Additionner toutes les valeurs du tableau
Un autre défi qui revient très souvent lors des entretiens avec les ingénieurs Javascript. Rien d’effrayant ici, il peut être résolu en utilisant la méthode .reduce en une ligne de code.
Conclusion
Dans cet article, je vous ai présenté 13 trucs et astuces qui peuvent vous aider à coder et à garder votre code court et propre. N’oubliez pas non plus qu’il existe de nombreuses astuces différentes que vous pouvez utiliser en Javascript et qui valent la peine d’être explorées, non seulement pour les tableaux mais aussi pour les différents types de données. J’espère que vous appréciez les solutions proposées dans cet article et que vous les utiliserez pour améliorer votre processus de développement.
Bon codage !
