.github
api-server
client
config
curriculum
challenges
_meta
arabic
chinese
english
portuguese
russian
spanish
01-responsive-web-design
02-javascript-algorithms-and-data-structures
basic-algorithm-scripting
basic-data-structures
basic-javascript
debugging
es6
functional-programming
add-elements-to-the-end-of-an-array-using-concat-instead-of-push.spanish.md
apply-functional-programming-to-convert-strings-to-url-slugs.spanish.md
avoid-mutations-and-side-effects-using-functional-programming.spanish.md
combine-an-array-into-a-string-using-the-join-method.spanish.md
combine-two-arrays-using-the-concat-method.spanish.md
implement-map-on-a-prototype.spanish.md
implement-the-filter-method-on-a-prototype.spanish.md
introduction-to-currying-and-partial-application.spanish.md
learn-about-functional-programming.spanish.md
pass-arguments-to-avoid-external-dependence-in-a-function.spanish.md
refactor-global-variables-out-of-functions.spanish.md
remove-elements-from-an-array-using-slice-instead-of-splice.spanish.md
return-a-sorted-array-without-changing-the-original-array.spanish.md
return-part-of-an-array-using-the-slice-method.spanish.md
sort-an-array-alphabetically-using-the-sort-method.spanish.md
split-a-string-into-an-array-using-the-split-method.spanish.md
understand-functional-programming-terminology.spanish.md
understand-the-hazards-of-using-imperative-code.spanish.md
use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.spanish.md
use-the-filter-method-to-extract-data-from-an-array.spanish.md
use-the-map-method-to-extract-data-from-an-array.spanish.md
use-the-reduce-method-to-analyze-data.spanish.md
use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.spanish.md
intermediate-algorithm-scripting
javascript-algorithms-and-data-structures-projects
object-oriented-programming
regular-expressions
03-front-end-libraries
04-data-visualization
05-apis-and-microservices
06-information-security-and-quality-assurance
08-coding-interview-prep
09-certificates
formattingConversion
math-challenges
requiresTests
schema
test
.babelrc
.editorconfig
.npmignore
.travis.yml
CHANGELOG.md
LICENSE.md
commitizen.config.js
commitlint.config.js
create-challenge-bundle.js
getChallenges.js
gulpfile.js
index.js
lib.js
md-translation.js
package-entry.js
package-lock.json
package.json
utils.js
docs
guide
mock-guide
search-indexing
tools
.editorconfig
.eslintignore
.eslintrc.json
.gitattributes
.gitignore
.node-inspectorrc
.prettierrc
.snyk
.travis.yml
.vcmrc
CODE_OF_CONDUCT.md
CONTRIBUTING.md
Dockerfile.tests
LICENSE.md
README.french.md
README.italian.md
README.korean.md
README.md
SECURITY.md
azure-pipelines.yml
change_volumes_owner.sh
docker-compose-shared.yml
docker-compose.tests.yml
docker-compose.yml
lerna.json
libcimp_index_js.patch
package-lock.json
package.json
patch_npm_and_install.sh
sample.env
179 lines
10 KiB
Markdown
179 lines
10 KiB
Markdown
---
|
|
id: 587d7b8f367417b2b2512b61
|
|
title: Use the map Method to Extract Data from an Array
|
|
challengeType: 1
|
|
videoUrl: ''
|
|
localeTitle: Utilice el método de mapa para extraer datos de una matriz
|
|
---
|
|
|
|
## Description
|
|
<section id="description"> Hasta ahora hemos aprendido a usar funciones puras para evitar efectos secundarios en un programa. Además, hemos visto que el valor de tener una función solo depende de sus argumentos de entrada. Este es sólo el comienzo. Como su nombre lo indica, la programación funcional se centra en una teoría de funciones. Tendría sentido poder pasarlos como argumentos a otras funciones y devolver una función desde otra función. Las funciones se consideran <code>First Class Objects</code> en JavaScript, lo que significa que se pueden usar como cualquier otro objeto. Pueden guardarse en variables, almacenarse en un objeto o pasarse como argumentos de función. Comencemos con algunas funciones de matriz simples, que son métodos en el prototipo de objeto de matriz. En este ejercicio estamos viendo <code>Array.prototype.map()</code> , o más simplemente un <code>map</code> . Recuerde que el método de <code>map</code> es una forma de iterar sobre cada elemento en una matriz. Crea una nueva matriz (sin cambiar la original) después de aplicar una función de devolución de llamada a cada elemento. </section>
|
|
|
|
## Instructions
|
|
<section id="instructions"> La matriz <code>watchList</code> contiene objetos con información sobre varias películas. Use el <code>map</code> para extraer el título y la clasificación de la <code>watchList</code> de <code>watchList</code> y guarde la nueva matriz en la variable de <code>rating</code> . El código en el editor actualmente usa un bucle <code>for</code> para hacer esto, reemplaza la funcionalidad de bucle con tu expresión de <code>map</code> . </section>
|
|
|
|
## Tests
|
|
<section id='tests'>
|
|
|
|
```yml
|
|
tests:
|
|
- text: La variable <code>watchList</code> no debe cambiar.
|
|
testString: 'assert(watchList[0].Title === "Inception" && watchList[4].Director == "James Cameron", "The <code>watchList</code> variable should not change.");'
|
|
- text: Su código no debe utilizar un bucle <code>for</code> .
|
|
testString: 'assert(!code.match(/for\s*?\(.+?\)/g), "Your code should not use a <code>for</code> loop.");'
|
|
- text: Su código debe utilizar el método de <code>map</code> .
|
|
testString: 'assert(code.match(/\.map/g), "Your code should use the <code>map</code> method.");'
|
|
- text: '<code>rating</code> debería ser igual a <code>[{"title":"Inception","rating":"8.8"},{"title":"Interstellar","rating":"8.6"},{"title":"The Dark Knight","rating":"9.0"},{"title":"Batman Begins","rating":"8.3"},{"title":"Avatar","rating":"7.9"}]</code> .'
|
|
testString: 'assert(JSON.stringify(rating) === JSON.stringify([{"title":"Inception","rating":"8.8"},{"title":"Interstellar","rating":"8.6"},{"title":"The Dark Knight","rating":"9.0"},{"title":"Batman Begins","rating":"8.3"},{"title":"Avatar","rating":"7.9"}]), "<code>rating</code> should equal <code>[{"title":"Inception","rating":"8.8"},{"title":"Interstellar","rating":"8.6"},{"title":"The Dark Knight","rating":"9.0"},{"title":"Batman Begins","rating":"8.3"},{"title":"Avatar","rating":"7.9"}]</code>.");'
|
|
|
|
```
|
|
|
|
</section>
|
|
|
|
## Challenge Seed
|
|
<section id='challengeSeed'>
|
|
|
|
<div id='js-seed'>
|
|
|
|
```js
|
|
// the global variable
|
|
var 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, Ellen 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"
|
|
}
|
|
];
|
|
|
|
// Add your code below this line
|
|
|
|
var rating = [];
|
|
for(var i=0; i < watchList.length; i++){
|
|
rating.push({title: watchList[i]["Title"], rating: watchList[i]["imdbRating"]});
|
|
}
|
|
|
|
// Add your code above this line
|
|
|
|
console.log(rating);
|
|
|
|
```
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</section>
|
|
|
|
## Solution
|
|
<section id='solution'>
|
|
|
|
```js
|
|
// solution required
|
|
```
|
|
</section>
|