Use the filter JavaScript `Method to Extract Data from an Array` using filter() and map() methods

Trying to complete a lesson with map() & filter() methods; but when running test I get output: Which is super close to what is being asked, but I can’t seem to figure out how to get it exactly how they are asking. Please help.
my OUTPUT:

[ [ 'Inception', '8.8' ],
  [ 'Interstellar', '8.6' ],
  [ 'The Dark Knight', '9.0' ],
  [ 'Batman Begins', '8.3' ] ]

am failing one of the test and get message:
filteredList should equal:
[{"title": "Inception","rating": "8.8"},{"title": "Interstellar","rating": "8.6"},{"title": "The Dark Knight","rating": "9.0"},{"title": "Batman Begins","rating": "8.3"}] .

LESSON is:
Use the filter Method to Extract Data from an Array

Another useful array function is Array.prototype.filter() , or simply filter() .

filter calls a function on each element of an array and returns a new array containing only the elements for which that function returns true . In other words, it filters the array, based on the function passed to it. Like map , it does this without needing to modify the original array.

The callback function accepts three arguments. The first argument is the current element being processed. The second is the index of that element and the third is the array upon which the filter method was called.

See below for an example using the filter method on the users array to return a new array containing only the users under the age of 30. For simplicity, the example only uses the first argument of the callback.

const users = [
  { name: 'John', age: 34 },
  { name: 'Amy', age: 20 },
  { name: 'camperCat', age: 10 }
];

const usersUnder30 = users.filter(user => user.age < 30);
console.log(usersUnder30); 

The console would display the value [ { name: 'Amy', age: 20 }, { name: 'camperCat', age: 10 } ] .

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.

GIVEN:

/***************************************/
// 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, 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

var filteredList;

// Only change code above this line

console.log(filteredList);

/***************************************/

MY CODE SO FAR

let filteredList = watchList.filter(function (filteredList){

  return parseFloat(filteredList.imdbRating) >= 8.0;

}).map(function (filteredList){

  return [filteredList.Title, filteredList.imdbRating];
})

I am passing all three test but the last one. I am not sure if this might be glitch, but fell like my answer is correct.

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.


Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.93 Safari/537.36.

Challenge: Use the filter Method to Extract Data from an Array

Link to the challenge:

This is an array. You need to instead return an object.


I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

1 Like