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 함수란

다른 코드의 인수로서 넘겨주는 실행 가능한 코드를 말한다.

다음 포스트로!!

 

 

 

반응형