JavaScript - filter(Boolean)

Moolbum·2023년 1월 4일
0

JavaScript

목록 보기
17/18
post-thumbnail

Array.filter()

JavaScript의 배열 메서드중에 filter를 이용하면 지정한조건을 배열의 길이 만큼 반복합니다. 원본 배열을 해치지 않고 새로운 배열을 만들어주는 메서드입니다.

const arr = [{user:'dale', age:30},{user:'zelda',age:25},{user:'minsoo',age:20}]
const filterArr = arr.filter((userInfo)=> userInfo.age > 24)

// user age가 24이상인 객체만 나오게
//[{ user: 'dale', age: 30 },{ user: 'zelda', age: 25 }]

filter 메서드는 자주 사용하는 메서드 중에 하나라고 생각됩니다.

filter(Boolean) 을 이용한 falsy한 값 필터

filter메서드 콜백함수 안에 Boolean을 넣는다면 truthy한 값 만을 반환합니다.

  • truthy : 문자, 객체, 숫자, true, 배열
  • falsy : null, 0, false, undefined
const array = [0, 1, 5, '문자', null, false, true, {}, undefined, -10, [] ]

const trusyFilter = array.filter(Boolean)
// [ 1, 5, '문자', true, {}, -10 ,[]]

truthy한 값만을 반환 할 수 있습니다

profile
Front-End Developer 👨‍💻

0개의 댓글