WEB/React
[React] map 함수
전주호
2023. 3. 28. 18:10
반응형
map() 함수란?
반복되는 컴포넌트를 렌더링하기 위해 사용하는 함수.
const days = ["Mon", "Tue", "Wed"];
const goodDay = dyas.map(day => '${day});
console.log(goodDay);
"Mon"
"Tue"
"Wed"
이렇게 출력된다.
map()은 배열의 요소 하나씩 뽑은 뒤 결과값을 보여준다.
이뿐만 아니라 map 함수의 파라미터값으로 콜백 함수가 들어가게 되는데,
그 안에 변수를 순서대로
현재 처리하고 있는 요소, 현재 처리하고 있는 요소의 index 값, 현재 처리하고 있는 원본 배열
로 입력된다.
하나의 변수만 놓는다면 현재 처리하고 있는 요소의 값만을 사용하게 된다.
Callback 함수란
다른 코드의 인수로서 넘겨주는 실행 가능한 코드를 말한다.
다음 포스트로!!
반응형