[JavaScript] 배열에서 undefined 제거하는 방법

배경

로직을 처리하던중 배열에서 undefined를 제외한 후 새로운 배열을 가져와야 하는 상황이 발생했다. array에서 undefined를 제거해보자.

 

목표

기존 배열에서 undefined 제거 후 새로운 배열 return

 

undefined 제거

아래와 같은 배열이 있다고 가정해보자.

const data = [21, undefined, undefined, 9, true, false, undefined, null, 'a', 1, 0, '0'];

배열에서 undefined를 제거하는 방법은 간단하게 2가지 방법이 있다.

1. 배열에서 정확히 undefined만 제거

• 아래 코드를 실행하면 [21, 9, true, false, null, "a", 1, 0, "0"] 을 반환한다.

const removeUndefinedList = data.filter(data => data !== undefined);

 

 

2. 배열에서 undefined를 포함한 0, null, false도 제거

• 아래 코드를 실행하면 [21, 9, true, "a", 1, "0"] 을 반환한다.

const removeAllFalse = data.filter(data => data);

 

결론

일반적으로 배열에서 undefined와 함께 null, 0, false가 들어있는 경우 실제로 필요한 값일 경우가 많다. 특별한 경우가 아니라면 첫번째 방법을 사용하는걸 추천한다.