Comment convertir une fonction flèche en une fonction régulière ?

Question

J'essaie de convertir une fonction flèche en une fonction régulière.

ce morceau de code :

let rating = watchList.map( (item) => ({"title":item["Title"], "rating":item["imdbRating"]}) )

comme ça :

let rating = watchList.map( function (item) {
    "title":item["Title"], "rating":item["imdbRating"]
})

alors que je pensais que ces deux-là étaient équivalents, je reçois ce message

SyntaxError : unknown : Unxpected token, expected

Answer 1

Il vous manque return . Lorsque vous transmettez une fonction personnalisée pour le Array.map vous devrez renvoyer une valeur pour cette fonction.

let rating = watchList.map(function(item) {
  return {"title":item["Title"], "rating":item["imdbRating"]};
})

Néanmoins, il est plus utile d'utiliser les fonctions flèches, car celles-ci semblent plus concises, et permettent d'accéder à this en son sein.

Answer 2

Dans la fonction flèche, toute expression après => devient un retour implicite de la fonction.

Dans les fonctions régulières, vous devez utiliser return Et déformez également vos propriétés en {}

let rating = watchList.map(function(item){
    return {"title":item["Title"], "rating":item["imdbRating"]};    
}

Vous pouvez également raccourcir votre code en utilisant la déstructuration des paramètres.

let rating = watchList.map(function({Title:title,imdbRating:rating}){
    return {"title":Title, "rating":imdbRating};    
}

Ou vous pouvez nommer les propriétés pendant la destruction.

let rating = watchList.map(function({Title:title,imdbRating:rating}){
    return {title,rating};  
}

Answer 3

Vous devez utiliser retourner et vous pouvez également utiliser notation sténographique d'objet si vous utilisez déstructuration

let rating = watchList.map(function({Title:title, imdbRating:rating}) {
  return {title,rating};
})