js map 개념

1. 개념

array의 각 item에서 function을 실행하는 array로 만들어버리는 것이 map이며, 실행한 함수의 return 값으로 새 array를 만들어 반환한다.

const friends = ["dat", "mark", "lynn", "korean guy"]

friends.map(current => {
    console.log(current);
    return 0;
})

함수 선언의 축약형
friends의 요소들 하나씩을 가리키는 것이 current

friends.map(function(friend) {
    return friend + " ★";
})

정석 함수 선언 방법
friends의 요소들 하나씩을 가리키는 것이 friend

결과로 [0, 0, 0, 0]이 반환된다.
결과로 ["dat ★", "mark ★", "lynn ★", "korean guy ★"] 반환.

2. 실습

foodILike는 object를 담고 있는 array.

foodILike array의 각 요소를 dish로 칭하고 함수 실행.
Food Component 불러와 속성 부여.

Food 함수에서는 각 속성을 매개변수로 받아와 html 소스 반환.