[JS] map 함수

자바스크립트의 map 함수

map 함수를 사용하여 반복되는 컴포넌트를 렌더링한다.

파라미터로 전달된 함수를 사용하여 배열 내 각 요소를 원하는 규칙에 따라 변환한 후 새로운 배열을 생성한다.

arr.map(callback, [thisArg])

Parameters:
Callback : 새로운 배열의 요소를 생성하는 함수
currentValue : 현재 처리하고 있는 요소
index : 연재 처리하고 있는 요소의 index 값
array : 현재 처리하고 있는 원본 배열
thisArg : callback 함부 내부에서 사용할 this 레퍼런스

동일 코드이다.

key

요소의 리스트를 만들 때,
React가 어떤 아이템이 바뀌었는 지, 혹은 추가되었는 지, 혹은 삭제되었는 지를 인식하는데 사용한다.

• key는 요소의 고유한 값이어야 하므로 배열 요소의 id를 사용하거나 index로 사용한다.
  (단, index는 배열의 순서가 바뀌면 index도 바뀌기 때문에 권장하지 않음.)

출처: https://ellen92.tistory.com/52