减少 ES6 函数中的对象数组

Question

我对我正在处理的 reduce 函数有点困惑。 我打算减少一个对象数组，如果我声明一个变量并将其设置为等于一个减少迭代，它就可以正常工作：

 movies = [ { title: 'The Shawshank Redemption', rate: '9.3' }, { title: 'The Godfather', rate: '9.2' }, { title: 'The Godfather: Part II', rate: '9.0' } ] const averageRating = movies.reduce((sum, current) => { return (sum + parseFloat(current.rate)) / 3; }, 0); console.log(averageRating)

但是，如果我尝试将其编写为 ES6 函数，它会告诉我 sum 未定义：

 movies = [ { title: 'The Shawshank Redemption', rate: '9.3' }, { title: 'The Godfather', rate: '9.2' }, { title: 'The Godfather: Part II', rate: '9.0' } ] ratesAverage = (array) => { array.reduce((sum, movies) => { return sum + parseFloat(movies.rate); }, 0) } console.log(ratesAverage(movies))

我在这里缺少什么？

非常感谢提前

Answer 1

如果将箭头函数括在大括号中，则需要return语句。

只有省略大括号，表达式的值才会隐式返回。

---

 movies = [ { title: 'The Shawshank Redemption', rate: '9.3' }, { title: 'The Godfather', rate: '9.2' }, { title: 'The Godfather: Part II', rate: '9.0' } ] ratesAverage = (array) => { return array.reduce((sum, movies) => { return sum + parseFloat(movies.rate); }, 0) } console.log(ratesAverage(movies))

Answer 2

因为你没有在你的函数中返回任何值

ratesAverage = (array) => {
    return array.reduce((sum, movies) => {
        return sum + parseFloat(movies.rate);
      }, 0)
}

只需将return添加到reduce方法的结果。

或者您可以删除大括号进行隐式返回

ratesAverage = (array) => array.reduce((sum, movies) => {
            return sum + parseFloat(movies.rate);
          }, 0)

Answer 3

当您尝试使用ES6 Arrow function ，如果您使用直接更改，请尽量不要使用 return，因为这是使用箭头函数的优势之一。

对于reduce ，每次迭代，我们都需要返回值，所以它会在累加器中更新，否则，它会被认为是一个未定义的。

检查MDN以获取有关 reduce 的更多详细信息

您可以使用如下所示的单行代码。

 movies = [ { title: 'The Shawshank Redemption', rate: '9.3' }, { title: 'The Godfather', rate: '9.2' }, { title: 'The Godfather: Part II', rate: '9.0' } ]; ratesAverage = list => list.reduce((acc,movie) => ((acc + parseFloat(movie.rate))/3), 0); console.log(ratesAverage(movies));