인프런 커뮤니티 질문&답변
작성한 질문수
getList와 _getItem 같이 쓰는부분 잘 이해가 안됩니다...
작성
·
164
3
getList(data = []) {
console.log(data);
return `
<ul class="result">
${data.map(this._getItem).join("")}
</ul>
`;
}
_getItem({ imageUrl, name }) {
return `
<li>
<img src="${imageUrl}" alt="${name}"/>
<p>${name}</p>
</li>
`;
}
이부분 이해가 잘 안됩니다...
위에 getList 함수에서 data.map 안쪽에 값이
this.getItem 을 파라메터도 없이 하셨는데 무슨 문법인가요??
답변 1
6
김정환
지식공유자
Array객체의 map 메소드는 함수를 인자로 받습니다. 그래서 _getItem 함수를 전달한 것이고요.
map 메소드는 전달받은 함수를 실행하는데 각 배열의 항목을 함수 인자로 전달해 줍니다. _getItem함수는 전달 받은 배열의 항목을 받는데 여기서는 객체의 imageUrl과 name을 해체 문법으로 접근한 코드입니다.
아래 코드도 같은 일을 하는데 참고해 주세요.
data.map(item => this._getItem(item))