IntroductionL'erreur "Array.prototype.map() attend une valeur de retour de la fonction fléchée" peut survenir lorsque vous utilisez la fonction fléchée 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. En outre, les utilisateurs configurent parfois par erreur Array.forEach() au lieu de Array.map(), ce qui déclenche l'erreur. Dans ce tutoriel, nous allons explorer comment résoudre cette erreur.
PrérequisAvant de plonger dans les solutions un peu plus complexes, essayez ces solutions rapides :
- Assurez-vous de filtrer d'abord les données, puis de mapper sur 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
Utilisez la fonction 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(). Cette 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.
Remplacez {} par ()• L'utilisation de {} dans la fonction créera un bloc fléché qui nécessite une instruction de retour explicite. Si ce n'est pas le cas avec votre code, remplacez-le par (). Vous aurez ainsi un retour implicite et l'erreur "Array.prototype.map() attend une valeur de retour de la fonction fléchée" sera corrigée.
Retournez 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.
Utilisez 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.
AvertissementRappelez-vous, vous n'êtes pas obligé d'utiliser la fonction map() à chaque fois. Selon la situation et si une valeur de retour est requise, passez à filter() et forEach().
ConseilUne fois que vous avez résolu le problème, découvrez les meilleures applications de codage hors ligne pour PC et choisissez-en une aujourd'hui !
Référence• Document de développeur Mozilla sur forEach
• Document de développeur Mozilla sur filter
ConclusionCe sont toutes les manières de corriger l'erreur "Array.prototype.map() attend une valeur de retour de la fonction fléchée". En appliquant ces solutions, vous devriez être en mesure de résoudre efficacement le problème et de continuer à utiliser Array.map() sans erreurs.
