자바스크립트에서 배열에서 비어있는 요소를 제거하세요.

JavaScript에서 배열에서 빈 요소를 어떻게 제거하나요?

간단한 방법이 있나요, 아니면 수동으로 순환하고 제거해야 하나요?

답변 1

몇 가지 간단한 방법:

var arr = [1,2,,3,,-3,null,,0,,undefined,4,,4,,5,,6,,,,];
arr.filter(n => n)
// [1, 2, 3, -3, 4, 4, 5, 6]
arr.filter(Number) 
// [1, 2, 3, -3, 4, 4, 5, 6]
arr.filter(Boolean) 
// [1, 2, 3, -3, 4, 4, 5, 6]

또는 - (오직 텍스트 타입의 단일 배열 항목에만 해당)

['','1','2',3,,'4',,undefined,,,'5'].join('').split(''); 
// 결과:  [1,2,3,4,5]

또는 - 고전적인 방법: 간단한 반복

var arr = [1,2,null, undefined,3,,3,,,0,,,[],,{},,5,,6,,,,],
    len = arr.length, i;
for(i = 0; i < len; i++ )
    arr[i] && arr.push(arr[i]);  // 비어있지 않은 값을 배열 끝에 복사
arr.splice(0 , len);  // 배열을 잘라 비어있지 않은 값만 남기기
// [1,2,3,3,[],Object{},5,6]

var arr = [1,2,,3,,3,,,0,,,4,,4,,5,,6,,,,];
arr = $.grep(arr, n => n == 0 || n);
// [1, 2, 3, 3, 0, 4, 4, 5, 6]

var arr = [1,2,,3,,3,,,0,,,4,,4,,5,,6,,,,];
arr = $.grep(arr, n => n == 0 || n);
// [1, 2, 3, 3, 0, 4, 4, 5, 6]

답변 2

제목: 자바스크립트를 사용하여 배열에서 빈 요소 제거하기
서론:
자바스크립트는 동적인 웹 페이지를 만들기 위한 강력한 스크립팅 언어입니다. 배열은 자바스크립트에서 데이터를 구조화하는 데 자주 사용되는 데이터 유형입니다. 배열은 값을 저장하는 데 유용하지만 때로는 빈 요소가 포함되는 경우가 있습니다. 이 빈 요소를 제거하는 방법에 대해 알아보겠습니다. 이 글은 자바스크립트에서 빈 요소를 제거하는 방법에 대한 설명을 제공하며, 검색 엔진 최적화에 주의하여 작성되었습니다.
본론:
자바스크립트에서 배열에서 빈 요소를 제거하는 가장 일반적인 방법은 `filter()` 메서드를 사용하는 것입니다. `filter()` 메서드는 주어진 함수를 배열의 각 요소에 대해 호출하고, 해당 함수가 `true`를 반환하는 모든 요소로 새로운 배열을 생성합니다. 이를 통해 빈 요소를 제외한 배열을 생성할 수 있습니다. 다음은 `filter()` 메서드를 사용하여 배열에서 빈 요소를 제거하는 예시입니다:
```javascript
let arr = [1, 2, , , 5, 6]; // 빈 요소가 포함된 배열
arr = arr.filter((element) => {
return element !== undefined && element !== null; // 빈 요소가 아닌 경우만 필터링
});
console.log(arr); // [1, 2, 5, 6]
```
`filter()` 메서드를 호출할 때, 해당 요소가 `undefined` 또는 `null`이 아닌지 확인하여 빈 요소를 필터링합니다. 이를 통해 새로운 배열이 생성되고, 빈 요소가 제거된 결과를 확인할 수 있습니다.
결론:
자바스크립트에서 배열에서 빈 요소를 제거하는 것은 `filter()` 메서드를 사용하여 간단히 수행할 수 있습니다. 빈 요소를 제거하는 접근 방식은 배열의 각 요소를 순회하고, `filter()` 메서드를 사용하여 빈 요소가 아닌 요소만으로 새로운 배열을 생성하는 것입니다. 이를 통해 더욱 깔끔하고 유용한 코드를 작성할 수 있습니다. 자바스크립트를 사용하여 웹 애플리케이션을 개발하는 경우, 이러한 배열 조작 기술은 중요합니다. 이 글은 난해한 이슈를 해결하고 검색 엔진 최적화를 고려한 초보자에게 유용한 정보를 제공하기 위해 작성되었습니다.