(JavaScript) 자바스크립트에서 사용하고있는 fillter 와 map은 무엇인가?

Dtrip·2022년 5월 22일
0

in js

자바스크립트에서 사용하고있는 fillter와 map은 배열메서드 이다.

우선

map 이란?

특정 배열 내에서 모든 요소에 각각 함수를 적용해, 이 결과를 토대로 새로운 배열을 반환해주는역할을한다

ex

const emails = ["lee@naver.com", "sss@gmail.com, "hey@gmail.com"]

const nickname = emails.map(email => email.split("@") [0])
console.log(nickname)

결과

["lee", "sss", "hey"]

특정 배열안에서 가져오고싶은 부분을가져와 새로운 배열에 저장할 수있는역할을하는게 map()의기능이다

그럼 filter 는?

주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환하는것을 뜻한다

ex)

const emails = ["lee@naver.com", "sss@gmail.com, "hey@gmail.com"]

const foundGmail = emails.filter (item => item.includes("@gmail.com"));

console.log(foundGmail);

결과

["sss@gmail.com, "hey@gmail.com"]

filter() 는 조건을 만족하는 모든 원소들을 배열로 반환해주는 역할을한다.

이와같이 map()과 filter()를 적절히 사용해보자!!!!

profile
Devtrip

0개의 댓글