> 웹 프론트엔드 > JS 튜토리얼 > JavaScript의 다른 배열을 기반으로 배열에서 요소를 효율적으로 제거하는 방법은 무엇입니까?

JavaScript의 다른 배열을 기반으로 배열에서 요소를 효율적으로 제거하는 방법은 무엇입니까?

Mary-Kate Olsen
풀어 주다: 2024-10-25 11:24:30
원래의
746명이 탐색했습니다.

How to Efficiently Remove Elements from an Array Based on Another Array in JavaScript?

다른 배열을 기반으로 한 요소의 효율적인 제거 [중복]

JavaScript에서 한 배열의 요소를 제거하면 다른 배열에 있는 요소를 제거할 수 있습니다. 도전이 되십시오. 일반적으로 사용되는 접근 방식 중 하나는 jQuery의 grep() 및 inArray() 메서드를 사용하는 것입니다. 그러나 반복이나 연결 없이 동일한 결과를 얻을 수 있는 순수한 JavaScript 솔루션이 있습니다.

한 가지 방법은 배열을 반복하고 지정된 항목을 기반으로 요소를 필터링하는 Array.filter() 메서드를 활용하는 것입니다. 상태. 이 경우 조건은 요소가 toRemove 배열에 존재하지 않는지 여부입니다.

<code class="javascript">myArray = myArray.filter(function(el) {
  return toRemove.indexOf(el) < 0;
});
로그인 후 복사

Array.includes()에 대한 브라우저 지원이 향상되었으므로 이를 사용하여 코드를 더욱 단순화할 수 있습니다.

<code class="javascript">myArray = myArray.filter(function(el) {
  return !toRemove.includes(el);
});
로그인 후 복사

화살표 함수를 사용한 또 다른 조정은 훨씬 더 간결한 코드를 생성합니다.

<code class="javascript">myArray = myArray.filter((el) => !toRemove.includes(el));</code>
로그인 후 복사

이러한 방법은 다른 배열에 정의된 기준에 따라 배열에서 요소를 제거하는 효율적이고 유연한 방법을 제공합니다. 루프 또는 배열 조작이 필요합니다.

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿