346 lines
13 KiB
Markdown
346 lines
13 KiB
Markdown
---
|
|
id: 587d7da9367417b2b2512b68
|
|
title: Utiliza el método "reduce" para analizar datos
|
|
challengeType: 1
|
|
forumTopicId: 301313
|
|
dashedName: use-the-reduce-method-to-analyze-data
|
|
---
|
|
|
|
# --description--
|
|
|
|
`Array.prototype.reduce()` o simplemente `reduce()` es la operación más común de todas para arreglos en JavaScript. Se puede resolver casi cualquier problema de procesamiento de arreglos utilizando el método `reduce`.
|
|
|
|
El método `reduce` permite formas más generales de procesamiento de arreglos y es posible mostrar que tanto `filter` como `map` pueden derivarse como aplicaciones especiales de `reduce`. El método `reduce` itera sobre cada elemento del arreglo y devuelve un solo valor (por ejemplo una cadena, número, objeto, arreglo). Esto se consigue mediante una función callback que se llama en cada iteración.
|
|
|
|
La función callback acepta cuatro argumentos. El primer argumento se conoce como acumulador, que recibe el valor retornado de la función callback de la iteración anterior, el segundo es el elemento actual que se está procesando, el tercero es el índice de ese elemento y el cuarto es el arreglo sobre el que se llama a la función `reduce`.
|
|
|
|
Además de la función callback, `reduce` tiene un parámetro adicional que toma un valor inicial para el acumulador. Si este segundo parámetro no se utiliza, entonces la primera iteración se omite y la segunda se pasa por el primer elemento del arreglo como acumulador.
|
|
|
|
Mira a continuación un ejemplo con `reduce` en el arreglo `users` para devolver la suma de todas las edades de los usuarios. Para hacerlo más fácil, el ejemplo sólo utiliza el primer y segundo argumento.
|
|
|
|
```js
|
|
const users = [
|
|
{ name: 'John', age: 34 },
|
|
{ name: 'Amy', age: 20 },
|
|
{ name: 'camperCat', age: 10 }
|
|
];
|
|
|
|
const sumOfAges = users.reduce((sum, user) => sum + user.age, 0);
|
|
console.log(sumOfAges);
|
|
```
|
|
|
|
La consola mostrará el valor `64`.
|
|
|
|
En otro ejemplo, se puede observar cómo un objeto puede ser devuelto con los nombres de los usuarios como propiedades con las edades como valores.
|
|
|
|
```js
|
|
const users = [
|
|
{ name: 'John', age: 34 },
|
|
{ name: 'Amy', age: 20 },
|
|
{ name: 'camperCat', age: 10 }
|
|
];
|
|
|
|
const usersObj = users.reduce((obj, user) => {
|
|
obj[user.name] = user.age;
|
|
return obj;
|
|
}, {});
|
|
console.log(usersObj);
|
|
```
|
|
|
|
La consola mostrará el valor `{ John: 34, Amy: 20, camperCat: 10 }`.
|
|
|
|
# --instructions--
|
|
|
|
La variable `watchList` contiene un arreglo de objetos con información sobre varias películas. Utiliza `reduce` para encontrar la calificación media en IMDB de las películas dirigidas por `Christopher Nolan`. Recuerda de desafíos anteriores filtrar (`filter`) los datos y mapear (`map`) sobre ellos para extraer lo que necesitas. Puede que necesites crear otras variables y devolver la calificación media con la función `getRating`. Ten en cuenta que los valores de calificación se guardan como cadenas en el objeto y necesitan ser convertidos en números antes de ser utilizados en cualquier operación matemática.
|
|
|
|
# --hints--
|
|
|
|
La variable `watchList` no debe cambiar.
|
|
|
|
```js
|
|
assert(
|
|
watchList[0].Title === 'Inception' && watchList[4].Director == 'James Cameron'
|
|
);
|
|
```
|
|
|
|
Tu código debe utilizar el método `reduce`.
|
|
|
|
```js
|
|
assert(code.match(/\.reduce/g));
|
|
```
|
|
|
|
`getRating(watchList)` debe ser igual a 8.675.
|
|
|
|
```js
|
|
assert(getRating(watchList) === 8.675);
|
|
```
|
|
|
|
Tu código no debe usar un bucle `for`.
|
|
|
|
```js
|
|
assert(!code.match(/for\s*?\([\s\S]*?\)/g));
|
|
```
|
|
|
|
Tu código debe devolver el resultado correcto después de modificar el objeto `watchList`.
|
|
|
|
```js
|
|
assert(getRating(watchList.filter((_, i) => i < 1 || i > 2)) === 8.55);
|
|
```
|
|
|
|
# --seed--
|
|
|
|
## --seed-contents--
|
|
|
|
```js
|
|
// The global variable
|
|
const watchList = [
|
|
{
|
|
"Title": "Inception",
|
|
"Year": "2010",
|
|
"Rated": "PG-13",
|
|
"Released": "16 Jul 2010",
|
|
"Runtime": "148 min",
|
|
"Genre": "Action, Adventure, Crime",
|
|
"Director": "Christopher Nolan",
|
|
"Writer": "Christopher Nolan",
|
|
"Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Elliot Page, Tom Hardy",
|
|
"Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
|
|
"Language": "English, Japanese, French",
|
|
"Country": "USA, UK",
|
|
"Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
|
|
"Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
|
|
"Metascore": "74",
|
|
"imdbRating": "8.8",
|
|
"imdbVotes": "1,446,708",
|
|
"imdbID": "tt1375666",
|
|
"Type": "movie",
|
|
"Response": "True"
|
|
},
|
|
{
|
|
"Title": "Interstellar",
|
|
"Year": "2014",
|
|
"Rated": "PG-13",
|
|
"Released": "07 Nov 2014",
|
|
"Runtime": "169 min",
|
|
"Genre": "Adventure, Drama, Sci-Fi",
|
|
"Director": "Christopher Nolan",
|
|
"Writer": "Jonathan Nolan, Christopher Nolan",
|
|
"Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
|
|
"Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
|
|
"Language": "English",
|
|
"Country": "USA, UK",
|
|
"Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
|
|
"Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
|
|
"Metascore": "74",
|
|
"imdbRating": "8.6",
|
|
"imdbVotes": "910,366",
|
|
"imdbID": "tt0816692",
|
|
"Type": "movie",
|
|
"Response": "True"
|
|
},
|
|
{
|
|
"Title": "The Dark Knight",
|
|
"Year": "2008",
|
|
"Rated": "PG-13",
|
|
"Released": "18 Jul 2008",
|
|
"Runtime": "152 min",
|
|
"Genre": "Action, Adventure, Crime",
|
|
"Director": "Christopher Nolan",
|
|
"Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
|
|
"Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
|
|
"Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
|
|
"Language": "English, Mandarin",
|
|
"Country": "USA, UK",
|
|
"Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
|
|
"Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
|
|
"Metascore": "82",
|
|
"imdbRating": "9.0",
|
|
"imdbVotes": "1,652,832",
|
|
"imdbID": "tt0468569",
|
|
"Type": "movie",
|
|
"Response": "True"
|
|
},
|
|
{
|
|
"Title": "Batman Begins",
|
|
"Year": "2005",
|
|
"Rated": "PG-13",
|
|
"Released": "15 Jun 2005",
|
|
"Runtime": "140 min",
|
|
"Genre": "Action, Adventure",
|
|
"Director": "Christopher Nolan",
|
|
"Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
|
|
"Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
|
|
"Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
|
|
"Language": "English, Urdu, Mandarin",
|
|
"Country": "USA, UK",
|
|
"Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
|
|
"Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
|
|
"Metascore": "70",
|
|
"imdbRating": "8.3",
|
|
"imdbVotes": "972,584",
|
|
"imdbID": "tt0372784",
|
|
"Type": "movie",
|
|
"Response": "True"
|
|
},
|
|
{
|
|
"Title": "Avatar",
|
|
"Year": "2009",
|
|
"Rated": "PG-13",
|
|
"Released": "18 Dec 2009",
|
|
"Runtime": "162 min",
|
|
"Genre": "Action, Adventure, Fantasy",
|
|
"Director": "James Cameron",
|
|
"Writer": "James Cameron",
|
|
"Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
|
|
"Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
|
|
"Language": "English, Spanish",
|
|
"Country": "USA, UK",
|
|
"Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
|
|
"Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
|
|
"Metascore": "83",
|
|
"imdbRating": "7.9",
|
|
"imdbVotes": "876,575",
|
|
"imdbID": "tt0499549",
|
|
"Type": "movie",
|
|
"Response": "True"
|
|
}
|
|
];
|
|
|
|
function getRating(watchList) {
|
|
// Only change code below this line
|
|
let averageRating;
|
|
|
|
|
|
// Only change code above this line
|
|
return averageRating;
|
|
}
|
|
|
|
console.log(getRating(watchList));
|
|
```
|
|
|
|
# --solutions--
|
|
|
|
```js
|
|
const watchList = [
|
|
{
|
|
"Title": "Inception",
|
|
"Year": "2010",
|
|
"Rated": "PG-13",
|
|
"Released": "16 Jul 2010",
|
|
"Runtime": "148 min",
|
|
"Genre": "Action, Adventure, Crime",
|
|
"Director": "Christopher Nolan",
|
|
"Writer": "Christopher Nolan",
|
|
"Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Elliot Page, Tom Hardy",
|
|
"Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
|
|
"Language": "English, Japanese, French",
|
|
"Country": "USA, UK",
|
|
"Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
|
|
"Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
|
|
"Metascore": "74",
|
|
"imdbRating": "8.8",
|
|
"imdbVotes": "1,446,708",
|
|
"imdbID": "tt1375666",
|
|
"Type": "movie",
|
|
"Response": "True"
|
|
},
|
|
{
|
|
"Title": "Interstellar",
|
|
"Year": "2014",
|
|
"Rated": "PG-13",
|
|
"Released": "07 Nov 2014",
|
|
"Runtime": "169 min",
|
|
"Genre": "Adventure, Drama, Sci-Fi",
|
|
"Director": "Christopher Nolan",
|
|
"Writer": "Jonathan Nolan, Christopher Nolan",
|
|
"Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
|
|
"Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
|
|
"Language": "English",
|
|
"Country": "USA, UK",
|
|
"Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
|
|
"Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
|
|
"Metascore": "74",
|
|
"imdbRating": "8.6",
|
|
"imdbVotes": "910,366",
|
|
"imdbID": "tt0816692",
|
|
"Type": "movie",
|
|
"Response": "True"
|
|
},
|
|
{
|
|
"Title": "The Dark Knight",
|
|
"Year": "2008",
|
|
"Rated": "PG-13",
|
|
"Released": "18 Jul 2008",
|
|
"Runtime": "152 min",
|
|
"Genre": "Action, Adventure, Crime",
|
|
"Director": "Christopher Nolan",
|
|
"Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
|
|
"Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
|
|
"Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
|
|
"Language": "English, Mandarin",
|
|
"Country": "USA, UK",
|
|
"Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
|
|
"Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
|
|
"Metascore": "82",
|
|
"imdbRating": "9.0",
|
|
"imdbVotes": "1,652,832",
|
|
"imdbID": "tt0468569",
|
|
"Type": "movie",
|
|
"Response": "True"
|
|
},
|
|
{
|
|
"Title": "Batman Begins",
|
|
"Year": "2005",
|
|
"Rated": "PG-13",
|
|
"Released": "15 Jun 2005",
|
|
"Runtime": "140 min",
|
|
"Genre": "Action, Adventure",
|
|
"Director": "Christopher Nolan",
|
|
"Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
|
|
"Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
|
|
"Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
|
|
"Language": "English, Urdu, Mandarin",
|
|
"Country": "USA, UK",
|
|
"Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
|
|
"Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
|
|
"Metascore": "70",
|
|
"imdbRating": "8.3",
|
|
"imdbVotes": "972,584",
|
|
"imdbID": "tt0372784",
|
|
"Type": "movie",
|
|
"Response": "True"
|
|
},
|
|
{
|
|
"Title": "Avatar",
|
|
"Year": "2009",
|
|
"Rated": "PG-13",
|
|
"Released": "18 Dec 2009",
|
|
"Runtime": "162 min",
|
|
"Genre": "Action, Adventure, Fantasy",
|
|
"Director": "James Cameron",
|
|
"Writer": "James Cameron",
|
|
"Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
|
|
"Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
|
|
"Language": "English, Spanish",
|
|
"Country": "USA, UK",
|
|
"Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
|
|
"Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
|
|
"Metascore": "83",
|
|
"imdbRating": "7.9",
|
|
"imdbVotes": "876,575",
|
|
"imdbID": "tt0499549",
|
|
"Type": "movie",
|
|
"Response": "True"
|
|
}
|
|
];
|
|
|
|
function getRating(watchList) {
|
|
let averageRating;
|
|
const rating = watchList
|
|
.filter(obj => obj.Director === "Christopher Nolan")
|
|
.map(obj => Number(obj.imdbRating));
|
|
averageRating = rating.reduce((accum, curr) => accum + curr)/rating.length;
|
|
return averageRating;
|
|
}
|
|
```
|