배열에 빈 문자열이나, undefined, null, 빈 요소가 포함될 수 있습니다. 배열에서 이런 요소들을 제거하는 방법을 소개합니다.
1. 배열에서 undefined 제거
배열에 undefined가 요소로 포함될 수 있는데, 아래와 같이 filter()를 사용하여 제거할 수 있습니다. 요소를 순회하면서 undefined가 일치하는 요소들만 필터링하여 제거합니다.
let arr = [4, 2, undefined, 5, null, 8, ''];
let newArr = arr.filter((element) => element !== undefined);
console.log(newArr);
Output:
[ 4, 2, 5, null, 8, '' ]
2. 배열에서 null 제거
배열에서 undefined 뿐만 아니라 null도 제거하려면, 아래와 같이 filter()
에서 null도 비교하여 필터링하면 됩니다.
let arr = [4, 2, undefined, 5, null, 8, ''];
let newArr = arr.filter((element) => {
return element !== undefined && element !== null;
});
console.log(newArr);
Output:
[ 4, 2, 5, 8, '' ]
아래와 같이 element != null
를 사용하여 undefined와 null을 함께 제거할 수도 있습니다.
let arr = [4, 2, undefined, 5, null, 8, ''];
let newArr = arr.filter((element) => {
return element != null;
});
console.log(newArr);
Output:
[ 4, 2, 5, 8, '' ]
3. 배열에서 빈 문자열 제거
undefined와 null 뿐만 아니라, 빈 문자열도 제거하려면 filter()
에 조건을 추가하여 제거할 수 있습니다.
let arr = [4, 2, undefined, 5, null, 8, ''];
let newArr = arr.filter((element) => {
return element !== undefined && element !== null && element !== '';
});
console.log(newArr);
Output:
[ 4, 2, 5, 8 ]
4. 배열에서 빈 요소 제거
자리만 차지하는 빈 요소가 배열에 포함될 수도 있습니다.
아래 예제처럼 filter(() => true)
으로 빈 요소들을 제거할 수 있습니다.
let arr = [4, , 5, , undefined, '', , ,];
console.log(arr);
let newArr = arr.filter(() => true);
console.log(newArr);
Output:
[ 4, <1 empty item>, 5, <1 empty item>, undefined, '', <2 empty items>]
[ 4, 5, undefined, '' ]
Loading script...
Related Posts
- JavaScript Array find() 함수
- JavaScript Array splice() 함수
- JavaScript의 contains() 함수
- JavaScript sort() 함수, 예제 소개
- JavaScript - Set 생성 및 초기화
- JavaScript Set add() 함수
- JavaScript Set clear() 함수, 모든 값 제거
- JavaScript Set delete() 함수, 값 제거
- JavaScript Set has() 함수 (값 존재 여부 확인)
- JavaScript String split() 함수
- JavaScript - 경과 시간 계산 (Elapsed time)
- JavaScript - 실행 시간 측정 방법
- JavaScript - 날짜, 시간 포맷 (Date format)
- JavaScript - slice()로 배열 자르기, 나누기
- Node.js - 파일에 특정 문자열이 포함되어있는지 확인
- Node.js - 특정 패턴과 일치하는 모든 파일 찾기
- Node.js - 디렉토리의 파일 리스트 가져오기
- Node.js - 파일, 디렉토리(하위 파일) 삭제
- Node.js - 파일 이름 변경
- JavaScript - switch 조건문
- JavaScript - 배열의 특정 요소 찾기, Index 찾기
- JavaScript - 특정 값으로 배열 채우기, Array.fill()
- JavaScript - 배열을 객체로 변환, 4가지 방법
- JavaScript - 이번 달(특정 달)의 1일, 마지막 일 구하기
- JavaScript - 배열 요소 삭제 방법
- JavaScript - null, undefined 체크 방법
- JavaScript - 배열에 특정 값이 포함되어있는지 확인
- JavaScript - 변수가 배열인지 확인, 3가지 방법
- JavaScript - 배열에서 빈 값, undefined, null 제거하기
- JavaScript - Date에 시간(일/시/분/초) 더하기
- JavaScript - Map의 key를 배열로 변환
- JavaScript - Map의 value를 배열로 변환
- JavaScript - Map 요소 삭제 방법
- JavaScript - Map 생성 및 초기화, 3가지 방법
- JavaScript - Map 순회, 3가지 방법