배열의 공백 제거하기(feat. filter())

filter()

주어진 함수를 통과하는 모든 요소를 모아 새로운 배열로 반환한다

예제

1. 배열의 요소 중 빈 문자열('')과 빈 값 제거하기

const arr = ['1', '2', '3', ,'', '6','  ']
const result = arr.filter(i => i.length !== 0)
console.log(result)  // ['1', '2', '3', '6', '  ']
삭제된 값 : 3번째 인덱스 값, 4번째 인덱스 값('')

2. 배열의 요소 중 null & undefined 제거하기(!= null)

const arr = [1, undefined, null, false, , '', '    '];

// != 연산자가 사용되었음을 유의하자
const result = arr.filter((element, i) => element != null);
	result.forEach((element, index) => {
    	console.log(index + ":" + element)})
// 삭제된 값 : undefined, null, 4번째 인덱스 값

3. 배열의 요소를 Boolean 으로 false 한 값 제거하기

const arr = [1, undefined, null, false, , '', '    '];

const result = arr.filter(Boolean);
	result.forEach((element, index) => {
	console.log(index + ":" + element)})
// 삭제된 값 : undefined, null, false, 4번째 인덱스 값, ''

' '(띄어쓰기 두 번 이상) 는 빈 문자열이 아니다.