[JavaScript] filter, map, every

M_yeon·2022년 9월 17일
0

javascript

목록 보기
1/15
post-thumbnail

map

  • 배열 원소들을 반복하며 값을 변경해 리턴. 즉 새로운 배열 생성
  • 보통 배열 전체 값을 변경할 때 사용
    const classmate = ["철수","영희","훈이"]
classmate.map((item)=>(item+"어린이"))
=> (3)["철수어린이","영희어린이","훈이어린이"] 이렇게 됩니다.

filter

  • 배열 원소들을 반복하며 조건에 true면 원소를 남기고, flase면 삭제. 새로운 배열 생성
  • 배열 값 중 의미 없는 값 버릴 때 사용. 말 그대로 필터링
  • 필터링 할 조건으로 객체 혹은 배열의 각원소를 검사하여 그 조건에 맞는 원소들만 결과값으로 도출해 줍니다.
const num = [1,2,3,4,5,6,7,8,9,10]
num.filter((item)=>(item<=8))
=> (8) [1, 2, 3, 4, 5, 6, 7, 8]

💡 map과 filter의 결과물 차이점

map은 배열의 길이만큼 값이 나오지만, filter는 조건에 따라 배열의 길이보다 적게 나옵니다.


every

  • 배열 원소 모두가 조건을 만족하면 true, 하나라도 아니면 false 반환
  • 배열 모든 원소 검사. break도 가능하긴 함

0개의 댓글