Skip to main content

javascript map() and filter()

 The variable watchList holds an array of objects with information on several movies. Use a combination of filter and map on watchList to assign a new array of objects with only title and rating keys. The new array should only include objects where imdbRating is greater than or equal to 8.0. Note that the rating values are saved as strings in the object and you may need to convert them into numbers to perform mathematical operations on them.


// 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"
  }
];

// Only change code below this line

const filteredList = watchList.filter(movie=>(parseFloat(movie["imdbRating"])>=8.0)).map(movie=>({"title":movie["Title"],"rating":movie["imdbRating"]}));

// Only change code above this line

console.log(filteredList);

Comments

Popular posts from this blog

Low risk, high reward: the asymmetric black swan trade

Cornwall Capital was founded in 2003 by two young people who were not in the mainstream - Charlie Ledley, and Gammy Mak. I say they were out of the mainstream because they were not financial professionals from a scientific background, but they were full of imagination, and a keen insight into the market. Their insight is evident in the transactions of First Capital Financial. Case Background Before betting that the subprime mortgage market would collapse, Cornwall Capital first noticed a credit card business company, First Capital Financial. Throughout the 1990s and early 2000s, First Capital Financial claimed that it had better tools than other firms for analyzing the creditworthiness of subprime credit card users and pricing the risk of lending to them, and the market bought that claim. But in July 2002, First Capital Financial's stock fell 60% in two days after the company voluntarily disclosed a disagreement between them and two government regulators: How much capital did they ...

span[class~="sr-only"]

  The  span[class~="sr-only"]  selector will select any  span  element whose  class   includes   sr-only . Create that selector, and give it a  border  property set to  0 . span [ class ~= "sr-only" ] {    border:   0 ; }

clear元素清除浮动float

 clear元素用来清除左边或者右边或者两边的浮动元素(float) 比如: <!DOCTYPE html> <html> <head> <meta charset="utf-8">  <title>菜鸟教程(runoob.com)</title>  <style> img { float:left; border:1px solid red; } p.clear { clear:both; } </style> </head> <body> <img src="logocss.gif" width="95" height="84" /> <p>This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</p> <p class="clear">This is also some text. This is also some text. This is also some text. This is also some text. This is also some text. This is also some text.</p> </body> </html> 第一段p没有指定clear,因此左边会有图片,而第二段class是clear,clear: both,清除了两边的浮动元素,左右都不会出现浮动元素,所以它自己占单独的行,不和其他浮动元素占一行。