Tutoriel 🛠️ Corriger l'Erreur Array.prototype.map() attend une valeur de retour

[Sylvain]

Introduction

L'erreur "Array.prototype.map() attend une valeur de retour de la fonction fléchée" peut survenir lors de l'utilisation de la fonction fléchée avec Array.map(). Cette erreur apparaît lorsque la fonction map ne retourne rien ou si la méthode filter est utilisée de manière incorrecte. De plus, les utilisateurs configurent parfois par erreur Array.forEach() au lieu de Array.map(), ce qui déclenche l'erreur.

---

Prérequis

Avant de commencer avec les solutions légèrement complexes, essayez celles-ci :

• Assurez-vous de filtrer les données puis de parcourir le tableau qui retourne. Pour cela, utilisez d'abord la fonction filter puis la fonction map

• Vérifiez que la fonction filter a une instruction return

---

Procédure

Utiliser Array.prototype.forEach()

• Si une valeur de retour n'est pas requise de la fonction et que le tableau créé par Array.prototype.map() n'est pas utilisé, alors optez pour la fonction Array.prototype.forEach()

• La dernière ne retourne aucune valeur spéciale et est le meilleur choix dans de tels cas. Pour en savoir plus sur Array.prototype.forEach(), consultez le document de développeur Mozilla

---

Remplacer {} par ()

• Utiliser {} dans la fonction créera un bloc de flèche qui nécessite une instruction de retour explicite. Si ce n'est pas le cas avec votre code, remplacez-le par ()

• Maintenant, vous aurez un retour implicite et l'erreur "Array.prototype.map() attend une valeur de retour de la fonction fléchée" sera corrigée

---

Retourner null

• Une autre approche consiste à retourner une valeur null si les conditions fournies ne correspondent pas. Pour ce faire, ajoutez ce qui suit vers la fin, juste avant la parenthèse fermante :

return null;

---

Utiliser Array.prototype.filter() à la place

• Si un filtrage est nécessaire, vous devriez envisager d'utiliser Array.prototype.filter() au lieu de Array.prototype.map(). Cela créera une copie des éléments qui passent les exigences définies par la fonction

• Pour en savoir plus sur Array.prototype.filter(), consultez le document de développeur Mozilla : https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

---

Conclusion

Ces méthodes permettent de corriger l'erreur "Array.prototype.map() attend une valeur de retour de la fonction fléchée". Rappelez-vous, vous n'avez pas nécessairement à utiliser la fonction map() à chaque fois. Selon la situation et si une valeur de retour est requise, passez aux fonctions filter() et forEach().