filter & ? :(삼항연산자)

Cheddaryeon·2023년 8월 4일

filter

: 배열에서 조건을 만족하는 요소들로 새로운 배열을 만들어주는 메서드

  • filter 함수에 전달되는 인자는 콜백 함수로, 배열의 각 요소마다 한 번씩 호출된다

filter(x => x)

filter(x => x)

x => x는 간단한 화살표 함수로서, 인자 x를 받아서 그대로 반환하는 역할

의미가 없어보일 수 있지만, 아래와 같은 상황에 사용할 수 있다

  • "falsy" 값들을 제거하는 목적

    JavaScript에서 "falsy"한 값들은 false, null, undefined, 0, NaN, '' (빈 문자열) 입니다. 따라서 filter(x => x)는 배열에서 이러한 falsy 값을 모두 제거하여, truthy한 값들만 남은 새로운 배열을 반환한다

? :(삼항연산자)

: 조건문을 간단하게 표현하는 방법

조건 ? 참일때의 동작 : 거짓일때의 동작

만약 true 또는 false일 때 아무 동작도 하고 싶지 않다면 null을 사용할 수 있다

  • null : 아무 작업도 수행하지 않을 때 사용할 수 있는 빈 값
    조건 ? true때 실행할 동작 : null
profile
study frontend

0개의 댓글