如何返回总数的数组 - 减少 function - Javascript

Question

I have this array of movies, I'm trying to use the reduce function and the expected output should be: 420(the total duration of the 3 objects), the output I'm getting right now is like a concatenation of the 3 strings ， 这是为什么？

 let movies = [ { 'name': 'Jumanji', 'duration': 120 }, { 'name': 'Harry Potter', 'duration': 60 }, { 'name': 'Toy Story', 'duration': 240 } ]; let newAr = movies.reduce((previousValue, currentValue) => [ previousValue + currentValue.duration ], []); console.log('newAr', newAr)

Answer 1

previousValue将是累加器，回调的先前迭代返回的值 - 或者，初始值 - 所以它将是一个数组。 执行someArray + someOtherValue会将数组强制转换为字符串（换句话说，执行.join(',') ）并将其与右侧的表达式连接起来。

我将 map 电影改为它们的持续时间，然后将它们相加：

const totalDuration = movies
  .map(m => m.duration)
  .reduce((a, b) => a + b, 0);

或者一步完成，但如果您不熟悉reduce ，可能会难以一目了然地解析。

const totalDuration = movies
  .reduce((a, movie) => a + movie.duration, 0);

Answer 2

 const movies = [ { 'name': 'Jumanji', 'duration': 120 }, { 'name': 'Harry Potter', 'duration': 60 }, { 'name': 'Toy Story', 'duration': 240 } ]; console.log(movies.reduce((previousValue, currentValue) => previousValue + currentValue.duration, 0))