[SEB_FE_44] JS(13) - 고차함수와 작계훈련

유영준·2023년 3월 14일
0
post-thumbnail

오늘 배운 주제


  • 고차함수
  1. map
  2. filter
  3. reduce

오늘 배운 내용


  • map
    step1. 배열의 각 요소가
    step2. 특정 논리(함수)에 의해
    step3 .다른 요소로 지정(map) 됩니다.
// 만화책 모음
const cartoons = [
  {
    id: 1,
    bookType: 'cartoon',
    title: '식객',
    subtitle: '어머니의 쌀',
    createdAt: '2003-09-09',
    genre: '요리',
    artist: '허영만',
    averageScore: 9.66,
  },
  {
    id: 2,
    // .. 이하 생략
  },
  // ... 이하 생략
]; 

// 만화책 한 권의 부제를 리턴하는 로직(함수)
const findSubtitle = function (cartoon) {
  return cartoon.subtitle;
}; 

// 각 책의 부제 모음 
const subtitles = cartoons.map(findSubtitle); // ['어머니의 쌀', ...]
  • filter
    step1. 배열의 각 요소가
    step2. 특정 논리(함수)에 따르면, 사실(true)일 때
    step3. 따로 분류합니다(filter).
// 단행본 모음
const cartoons = [
  {
    id: 1,
    bookType: 'cartoon',
    title: '식객',
    subtitle: '어머니의 쌀',
    createdAt: '2003-09-09',
    genre: '요리',
    artist: '허영만',
    averageScore: 9.66,
  },
  {
    id: 2,
    // .. 이하 생략
  },
  // ... 이하 생략
]; 

// 단행본 한 권의 출판 연도가 2003인지 확인하는 함수
const isCreatedAt2003 = function (cartoon) {
  const fullYear = new Date(cartoon.createdAt).getFullYear()
  return fullYear === 2003;
}; 

// 출판 연도가 2003년인 책의 모음
const filteredCartoons = cartoons.filter(isCreatedAt2003); 
  • reduce
    step1. 배열의 각 요소를
    step2. 특정 방법(함수)에 따라
    step3. 원하는 하나의 형태로
    step4. 응축합니다. (reduction)
// 단행본 모음
const cartoons = [
  {
    id: 1,
    bookType: 'cartoon',
    title: '식객',
    subtitle: '어머니의 쌀',
    createdAt: '2003-09-09',
    genre: '요리',
    artist: '허영만',
    averageScore: 9.66,
  },
  {
    id: 2,
    // .. 이하 생략
  },
  // ... 이하 생략
];

// 단행본 한 권의 평점을 누적값에 더한다.
const scoreReducer = function (sum, cartoon) {
  return sum + cartoon.averageScore;
}; 

// 초기값에 0을 주고, 숫자의 형태로 평점을 누적한다.
let initialValue = 0 
// 모든 책의 평점을 누적한 평균을 구한다.
const cartoonsAvgScore = cartoons.reduce(scoreReducer, initialValue) / cartoons.length;

오늘의 과제


오늘 13시부터 19시까지 작계훈련이 있어서 훈련이 끝나고 코플릿을 했는데 너무 피곤하다. 이번에 문제를 다 풀지못한 교육생들을 대상으로 반딧불반이 만들어졌는데 1호 반딧불반 멤버가 되었다. 자율적으로 다 같이 모여 모각코하는 그룹이라고 생각하면 편하다.

내일 시간이 남을때 오늘 푼 코플릿을 다시 풀어볼 예정

다음주도 예비군 기본훈련인데 다음주가 걱정이다.

profile
프론트엔드 개발자 준비 중

0개의 댓글