Weekly TIL - Day 2

⭐️ Today's summary

수업 시간에 React를 진행하기 앞서 JS를 복습 하는 시간을 가졌다.

 

대부분 기억이 나고 이해가 잘 되었지만 몇몇 이해가 안되는 것을 정리해 보았다.

⭐️ Problem

기존에는 map() 함수와 filter() 함수에 대해서

 

수행 역할이 비슷해 보여서 헷갈렸었다.

 

오늘 그점에 대해서 자세히 찾아보았다.

 

또한 reduce() 함수에 대해서도 찾아보았다.

⭐️ Try

map() 함수와 filter() 함수의 가장큰 차이는

값을 변형(가공)을 하는지 (map), 값을 선별(조건 필터링) 하는지 (filter) 이다.

 

리턴값도 달랐다. map함수 실행후 원소의 수는 같지만,

filter 함수의 경우 실행후 필터에 걸려 조건에 맞는 원소만 남게 된다.

 

그 다음 reduce 함수의 경우 이해가 안되어 찾아본뒤에 다른 문제점도 발견 되었다.

 

[ reduce 함수 예시 ] 

const scoreList = [
    { name: '김민일', score: 80 },
    { name: '김민이', score: 50 },
    { name: '김민삼', score: 100 },
];

const scoreMap = scoreList.reduce((acc, cur) => {
    acc[cur.name] = cur.score;
    return acc;
}, {});

 

이 부분에서 reduce의 동작 원리에 대해서 이해를 했지만,

acc[cur.name] = cur.score; 를통해 객체에 값을 할당하는 코드가 헷갈렸었다.

 

이 부분은

acc["김민일"] = 80;

-> { "김민일" : 80 } 이런식으로 할당 되는것을 다시 한번 배우고 넘어간다.