reduce와 같이 기존 객체를 수정하지 않고 새로운 배열을 구성해 반환하는 메서드
//Form
arr = []
arr.map(( 현재요소, 현재인덱스 , 배열(=arr) ) => { return ... });
// 반환값은 모든 각 콜백 반환값을 배열로 저장해 반환
---
arr = [1,2,3]
//ex1.
arr.map((curVal, curIdx, thisArr) => {return curVal} )
// 결과 : [1,2,3]
//ex2.
arr.map((curVal, curIdx, thisArr) => {return curIdx} )
// 결과 : [0,1,2]
//ex3.
arr.map((curVal, curIdx, thisArr) => {return thisArr} )
// 결과 : [ [1,2,3], [1,2,3], [1,2,3]]
map과 비슷하게 순서대로 배열의 값을 받아, 명령부의 조건에 맞는 item들 만을 다시 배열로 구성하여 반환하는 메서드
arr = [
{id:1, val:10},
{id:2, val:20},
{id:3, val:30}
]
resArr = arr.filter((item) => { item.val > 15 } )
console.log(resArr)
// 출력값 : [{id:2, val:20}, {id:3, val:30}]
ref :