>웹 프론트엔드 >JS 튜토리얼 >JavaScript 배열에서 빈 문자열을 효율적으로 제거하는 방법은 무엇입니까?

JavaScript 배열에서 빈 문자열을 효율적으로 제거하는 방법은 무엇입니까?

DDD
DDD원래의
2024-12-18 11:56:14935검색

How to Efficiently Remove Empty Strings from a JavaScript Array?

Javascript의 배열에서 빈 문자열 제거

배열 조작을 처리할 때 빈 요소를 제거하는 것은 일반적인 요구 사항일 수 있습니다. Javascript는 이 작업을 수행하기 위한 다양한 방법을 제공합니다.

효율적인 솔루션:

가장 간단한 방법은 filter() 함수를 사용하여 부울을 기반으로 빈 요소를 제거하는 것입니다. 평가:

const arr = [1, 2, "", 3, "", -3, null, "", 0, "", undefined, 4, "", 4, "", 5, "", 6, "",""];

arr.filter(n => n);
// Result: [1, 2, 3, -3, 0, 4, 4, 5, 6]

대안 접근 방식:

또 다른 옵션은 Number() 또는 Boolean() 함수를 활용하여 숫자 또는 실제 값을 필터링하는 것입니다.

arr.filter(Number);
// Result: [1, 2, 3, -3, 4, 4, 5, 6]

arr.filter(Boolean);
// Result: [1, 2, 3, -3, 4, 4, 5, 6]

텍스트별 방법:

배열에 텍스트 문자열만 포함된 경우 이를 문자열로 변환하고 빈 항목을 제거할 수 있습니다. 문자열을 다시 배열로 변환합니다.

arr.join('').split('');
// Result: ["1", "2", "3", "4", "5"]

반복 접근 방식:

더 고전적인 접근 방식의 경우 배열을 반복하고 문자열을 이동하지 않고 이동할 수 있습니다. -끝까지 값이 비어 있음:

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

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

arr.splice(0, len); // Remove empty values from the beginning
// Result: [1, 2, 3, 3, [], {}, 5, 6]

jQuery 해결 방법:

jQuery를 사용하는 경우 $.grep() 함수를 사용하여 빈 값을 필터링할 수 있습니다.

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

이 방법은 효율적이고 다양한 옵션을 제공합니다. 특정 요구 사항에 따라 Javascript 배열에서 빈 요소를 제거합니다.

위 내용은 JavaScript 배열에서 빈 문자열을 효율적으로 제거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.