[React] Map() 함수를 이용한 반복

 

 

 

 

Map()함수 

map 함수는 반복되는 컴포넌트를 랜더링 시키는 함수이다. 

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

 

arr.map(callback,[thisArg])

Parameters:

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

export default function Day() {
    const day= 3;
    const worldList = vocaData.words.filter(word=>(word.day===day))
    console.log(worldList)

}

 

vocaData.wrods data를 word로 새로운 배열의 함수를 생성하고 wrod.day의 값중 day와 같은 값을 출력할 수 있다.