map, filter, find 함수와 콜백함수

map

• 반복문, 한 줄 씩 읽어오는 것
• 주로 배열의 길이만큼 반복할 때 사용
• 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환

배열명.map((결과값 변수명) => ( 실행문 ))
ex) userList.map((x) => console.log(x.id))

const newscores = []
for (let i = 0; i < scores.length; i ++) {
	const newscore = score[i].score + 5;
    newscores.push({
    	...scores[i],
    	score:newscore
    })
}  

const newscores = scores.map(newscore => ({
	...score,
    newscore: scores.score + 5
    }))

filter

• 거름망, 조건식에 맞는 데이터를 읽어오는 것
• 맞지 않은 데이터를 제외
• 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환

const lowscore = scores.filter(score => score.score < 40)

find

• 검색, 조건에 맞는 데이터를 읽어오는 것
• 주로 배열 내에서 조건식을 만족하는 값/인덱스를 찾아올 때
• 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환

const highscore = scores.find(score => score.name === '쥬').score

ex) userList.find((x) => x.id === 1).name // 쥬 _객체 접근 후 이름 반환
동일한 코드 ▶ userList[0].name

ex) userList.findIndex((v) => v.id === 1) /// 0 _인덱스 반환

콜백함수란?

• 다른 함수의 인자로써 이용되는 함수
• 어떤 이벤트에 의해 호출되어지는 함수