Code to the video - "Map: Part 2 of Functional Programming in JavaScript"

0-array.js

var animals = [
  { name: 'Fluffykins', species: 'rabbit' },
  { name: 'Caro',       species: 'dog' },
  { name: 'Hamilton',   species: 'dog' },
  { name: 'Harold',     species: 'fish' },
  { name: 'Ursula',     species: 'cat' },
  { name: 'Jimmy',      species: 'fish' }
]

1-forloop.js

var names = []
for (var i = 0; i < animals.length; i++) {
  names.push(animals[i].name)
}

2-map-basic.js

var names = animals.map(function(animal) { return animal.name })

3-map-new-object.js

var names = animals.map(function(animal) { animal.name + ' the ' + animal.species })

4-map-basic-arrow.js

var names = animals.map((animal) => animal.name)

5-map-basic-arrow-x.js

var names = animals.map((x) => x.name)

Also, the name prop in the for is backwards animals.name[i] should be animals[i].name.

Thanks for pointing that out! Fixed!

@mpj , Thanks for the simple and great tutorial 👍