JavaScript 배열에서 빈 문자열을 효율적으로 제거하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

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

DDD

풀어 주다： 2024-12-18 11:56:14

원래의

933명이 탐색했습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!