아래와 같이 배열이 아닌 객체의 경우에는

arr = [
  { name: 'Harry', age: 15 },
  { name: 'Ron', age: 14 },
  { name: 'Hermione', age: 14 },
];

arr.map( function( el ) ) {~} 에서 el은 { name: 'Harry', age: 15 } 와 같이 각각의 요소를 통째로 가리킨다!

그리고 arr[name] 또는 el.name 이게 맞는 방식이다! 배열과 헷갈릴 수 있음. arr.name 아님!

중요한 점은 arr.map 이나 arr.filter 적용시 특정 변수에 대입하지 않는 이상 arr이 map, filter 이후의 값으로 변하지는 않음!!

#참고사항

movie.title + ' by ' + movie.director 이와 같은 방식 말고

`${movie.title} by ${movie.director}` 이런 방식도 가능하다!