Transformation de tableau en JavaScript : comprendre [].forEach.call()

Lorsque vous travaillez avec JavaScript, vous pouvez rencontrer des extraits de code qui utilisent [].forEach.call() pour parcourir les listes d'éléments. Cette technique permet d'étendre des structures de type tableau, telles que NodeLists, avec des fonctions de tableau.

Le tableau vide [] est utilisé pour accéder à la fonction forEach, qui accepte une fonction en entrée. Cette fonction est ensuite appelée pour chaque élément de la structure de type tableau, en transmettant l'élément, son index et la structure elle-même.

Ensuite, .call est une méthode de fonctions qui permet de personnaliser le « ceci » valeur de la fonction. Dans [].forEach.call(), le premier argument est la structure de type tableau, qui remplace la valeur this à l'intérieur de la fonction fournie.

Par conséquent, l'extrait de code fourni utilise [].forEach.call( ) pour parcourir toutes les balises d'ancrage () du document, en appelant la fonction spécifiée pour chaque ancre. Cette approche offre un moyen pratique et concis d'appliquer des opérations de type tableau à des structures autres que des tableaux.

Cependant, il est important de noter que s'appuyer fortement sur cette technique peut conduire à un code désordonné et répétitif. Pensez à utiliser des fonctionnalités de langage telles que les opérateurs Rest et Spread dans les versions JavaScript plus récentes, qui offrent une approche plus propre pour transformer des non-tableaux en tableaux.