< Back to JavaScript 30

Array Cardio Day 1

• Project Synopsis and Code

  In this lesson I am presented with some arrays[] of data. I use array methods to manipulate the data.

  Using .filter() - Pair down the array of inventors to return a new array, which only contains the inventors who were born in the 1500's.

  .map() - Takes in an array, does something with that array and returns a new array of the same length. Like a machine that takes in a material, modifies it and outputs the modified material. In this project I .map() an array of full names from the list of inventors.

  .sort() - Takes in an array, compares two items, and pushes one item up and the other item down. In this project I .sort() the inventors by birthdate, from oldest to youngest.

  .reduce() - Takes in an array and returns only what is specified. In this project I .reduce() the inventors array to return how many years all of the inventors lived for.

  Using .map() and .filter() - Take in a list of <a> elements. .map() all of the 'link.textContent' and .filter() out any items that .includes('de').

  Using .sort() - Take in an array of people and .sort() them alphabetically after splitting the string .split(', ') into 'First' and 'Last' name variables.

  Using .reduce() - Initialise a 'transportation[]' array that takes in an array of 'data[]'. Use .reduce() to return an array containing only the unique vehicle types with a count for each type that is passed in. For each item that's returned from the data, if it does not exist, initialise that item. Increment the count and return the object.

  See the Pen JavaScript30 - 4 - Array Cardio Day 1 by Corey Noble (@CoreyNoble) on CodePen.