u_ju
우주의 우당탕탕개발일지
u_ju
전체 방문자
오늘
어제
  • 분류 전체보기 (118)
    • 팀 프로젝트 (2)
    • 내배캠 WIL & TIL (91)
    • JS (0)
    • React (1)
    • CS (23)
    • Next (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 회의감#현타#나름뿌듯#고민거리#코딩#IT#CSS#JS
  • 배열#함수
  • 일요일 오늘은 내가 바로 함수만들기 요리사 !
  • 코딩#바보#오류투성이#팀프로젝트
  • Component를 처음 선언하는 것을 Mount 라고 한다던데...?#props #state

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
u_ju

우주의 우당탕탕개발일지

내배캠 WIL & TIL

TIL) 스파르타 개발일지 22-12-12

2022. 12. 12. 19:33

맵과 필터의 차이를 알아보자.

 

map의 경우 반환하는 값이 undefined 여도 즉, 값이 없다해도 반환한다. 그게 하나이던 두 개이던

filter의 경우 해당 조건의 값을 제외하거나, 해당 값을 추출하는 경우 나머지 값들을 제외하고 반환하는 특징이 있다.

 

map 의 예

const array1 = [1, 4, 9, 16];
//array1 이라는 배열을 선언

const map1 = array1.map(x => x * 2);
// map1이라는 함수는 배열의 모든요소(x)의 값에 2의 곱을 뜻한다.

console.log(map1);
// map1을 출력 Array [2, 8, 18, 32]

 

filter 의 예

const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
// words 라는 배열이 1번라인에서 선언되었다.

const result = words.filter(word => word.length > 6);
// result라는 함수에서 word의 길이가 6 보다 큰 경우 필터를 통해서 반환해준다.

console.log(result);
// Array ["exuberant", "destruction", "present"]

'내배캠 WIL & TIL' 카테고리의 다른 글

TIL) 스파르타 개발일지 22-12-14  (0) 2022.12.15
TIL) 스파르타 개발일지 22-12-13  (0) 2022.12.13
TIL) 스파르타 개발일지 22-12-09  (0) 2022.12.09
TIL) 스파르타 개발일지 22-12-08  (0) 2022.12.08
TIL) 스파르타 개발일지 22-12-07  (0) 2022.12.08
    '내배캠 WIL & TIL' 카테고리의 다른 글
    • TIL) 스파르타 개발일지 22-12-14
    • TIL) 스파르타 개발일지 22-12-13
    • TIL) 스파르타 개발일지 22-12-09
    • TIL) 스파르타 개발일지 22-12-08
    u_ju
    u_ju

    티스토리툴바