5주 2일차 - 고차함수

1. 리뷰

1.1 좋았던 점

• 고차함수 문제풀이가 많이 어려웠는데 페어프로그래밍 하며 내가 설명하기 위해 공부하면서 빠르게 이해한 것

1.2 아쉬웠던 점

• 개인공부 못함
• 고차함수인지 아닌지 판단하는 문제 틀림. 아직 고차함수 개념정리가 부족함.

1.3 notes

프론트엔드 개발자는 웹디자이너가 아니다. 프론트엔드 이전에 개발자다. 구현능력 정말 중요하다.

2. 배운 것

• 일급 객체
• forEach, map, filter, reduce, sort 등 고차함수를 사용한 배열 문제풀이 (참고: 인프런 강의 ‘자바스크립트 알고리즘 문제풀이’)
• 추상화 - 값 수준의 추상화, 사고 수준의 추상화

3. 내용 정리

• 고차 함수:
  1. 함수를 반환하는 함수
  2. 함수를 인수로 전달받는 함수
• filter 메서드 사용법:
  • 원본 배열을 수정하지 않는다.
  • 받은 배열을 필터링한 새로운 배열을 반환.
  • 콜백함수의 return 값으로 원본 배열을 걸러서 새 배열에 받을 조건을 준다.
  • 코플릿 예제에선 받을 조건에 해당되면 return true, 아니면 return false
• forEach 메서드 사용법:
  • forEach메서드는 콜백 함수 호출 시 3개의 인수를 전달. (요소값, 인덱스, this(배열))
  • forEach는 항상 undefined를 반환.
• map 메서드 사용법:
  • 원본 배열을 수정하지 않는다.
  • 모든 요소들에 콜백함수를 적용시킨 새 배열을 반환한다.
• reduce 메서드 사용법:
  • 받은 배열을 콜백함수에 적용시켜 하나의 형태로 응축시킨다.
  • 초기값을 지정해줄수 있고, 미지정시 배열의 가장 첫번째 요소가 초기값이 됨.
  • 누적값 += 현재값, return 누적값 (콜백함수가 모든 요소를 더하는 함수인 경우 예시)
  • 예제에선 새 변수에 원본 배열을 reduce시켜 누적값을 return받고 변수의 값을 참조함.
• some 메서드:
  • 배열 안의 어떤 요소라도(or) 주어진 판별 함수를 통과하는지 테스트.
  • 즉, 하나라도 true이면 true, 아무것도 해당되지 않으면 false 반환.
• every 메서드:
  • 배열 안의 모든 요소가(and) 주어진 판별 함수를 통과하는지 테스트.

4. 할 일

• 21번 빈배열 undefined 왜 뜨는지
• 고차함수 주말에 개념정리 다시 하기, 코플릿 문제 리팩토링