[JavaScript] map과 filter

SUM·2024년 7월 12일
0

JavaScript

목록 보기
3/6

1. map()

map() 메서드는 배열 내 있는 모든 요소에 개별적으로 접근하여, 주어진 함수의 호출로 인한 결과만으로 모아 새로운 배열을 반환한다.

기존 배열을 복사해서 편집/재구성하는 느낌.
const arr = [1,2,3,4,5]

arr.map(function(x){
	return x + 1
});

혹은

arr.map((x) => x + 1);

2. filter()

filter() 메서드는 주어진 배열을 복사하여, 함수로 구현한 테스트의 조건에 부합하는 요소로만 필터링하여 배열을 만들어준다.

filter()에서 return은 조건문 반복문같은 느낌이 든다.
const users = [
  { name: 'John', age: 30, email: 'john@example.com' },
  { name: 'Alice', age: 25, email: 'alice@gmail.com' },
  { name: 'Bob', age: 35, email: 'bob@gmail.com' },
  { name: 'Emma', age: 28, email: 'emma@example.com' },
  { name: 'Steve', age: 32, email: 'steve@gmail.com' },
];

const filteredUserAge = users.filter(function(user){
  return user.age >= 25 && user.age <35
})



오늘의 회고

내가 오늘 느낀 것, 배운 것을 나의 언어로 정리하는 것이 중요하다고 느껴서 적은 양이라도 매일 채워나가는 것이 나의 목표! ( 일단 글로 적으면 확실히 안적는 것보다 기억이 또렷함 )

아참참
그리고 성장은 곡선이 아니라 계단식이라고 한다
모르겠으면? 물어보고 검색하고 다른 사람 것도 보고 그러면 됨
막막하고 힘든 게 당연한거니까 기죽지말고 힘내자 나야 ㅍ ㅏ이팅~😊

profile
프론트엔드 개발자가 될래요 🌟

0개의 댓글