JavaScript 배열에서 빈 요소를 효율적으로 제거하려면 어떻게 해야 합니까?

JavaScript 배열에서 빈 요소 제거

JavaScript 배열에는 종종 빈 요소가 포함되어 있어 배열에서 작업을 수행할 때 불편을 끼칠 수 있습니다. 이러한 빈 요소를 제거하면 코드가 단순화되고 성능이 향상될 수 있습니다.

간단한 메서드

최신 JavaScript는 빈 요소를 필터링하는 데 도움이 되는 여러 내장 배열 메서드를 제공합니다.

• .filter(n => n): 필터에 포함되지 않은 요소만 포함하는 새 배열을 반환합니다. falsy(즉, 비어 있음).
• .filter(Number): .filter(n => n) 메서드와 유사하지만 특히 0이 아닌 실제 숫자를 필터링합니다.
• .filter(Boolean): 진실한 값(즉, 그렇지 않은 값)을 필터링합니다. 정의되지 않음, null, 0, '', NaN 또는 false)

기본 방법

보다 전통적인 접근 방식을 선호하는 경우 배열을 수동으로 반복하고 빈 요소를 제거할 수 있습니다. splice 메소드 사용:

const arr = [1, 2, null, undefined, 3, '', 3, '', '', 0, '', [], '', {}, '', 5, '', 6, '', '', '', ''];

let len = arr.length;
for (let i = 0; i < len; i++)
    arr[i] && arr.push(arr[i]); // Copy non-empty values to the end of the array

arr.splice(0, len); // Cut the array and leave only the non-empty values

jQuery 메소드

jQuery를 사용하는 경우 .grep() 메서드를 활용할 수도 있습니다.

const arr = [1, 2, '', 3, '', 3, '', '', 0, '', 4, '', 4, '', 5, '', 6, '', '', '', ''];

arr = $.grep(arr, n => n == 0 || n);

결론

이러한 다양한 접근 방식은 JavaScript 배열에서 빈 요소를 제거하는 효율적이고 편리한 방법을 제공합니다. 귀하의 필요에 가장 적합한 방법을 선택하고 더 깨끗하고 관리하기 쉬운 어레이를 즐겨보세요.

위 내용은 JavaScript 배열에서 빈 요소를 효율적으로 제거하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!