> 웹 프론트엔드 > JS 튜토리얼 > 두 JavaScript 배열의 교차점, 차이 및 대칭적 차이를 효율적으로 찾을 수 있는 방법은 무엇입니까?

두 JavaScript 배열의 교차점, 차이 및 대칭적 차이를 효율적으로 찾을 수 있는 방법은 무엇입니까?

Barbara Streisand
풀어 주다: 2024-12-29 03:39:10
원래의
826명이 탐색했습니다.

How Can I Efficiently Find the Intersection, Difference, and Symmetric Difference of Two JavaScript Arrays?

JavaScript에서 배열 차이점 찾기: 교집합, 차이, 대칭 차이

JavaScript에서 배열을 요소별로 비교하는 것은 지루할 수 있습니다. . 이 프로세스를 단순화하기 위해 Array.prototype.includes()라는 강력한 도구를 살펴보겠습니다.

Intersection

두 배열에 공통된 값을 얻으려면 다음을 수행합니다. 필터()를 사용할 수 있습니다. 예를 들어:

let intersection = arr1.filter(x => arr2.includes(x));
로그인 후 복사

[2, 3] 교집합이 생성됩니다.

Difference

arr1에만 존재하는 값을 식별하려면, arr2에 존재하는 요소를 필터링할 수 있습니다.

let difference = arr1.filter(x => !arr2.includes(x));
로그인 후 복사

이 결과는 차이: [1].

대칭 차이

arr1 또는 arr2에서만 발견된 요소를 얻기 위해 두 가지 차이점을 결합합니다.

let symDifference = arr1.filter(x => !arr2.includes(x))
                        .concat(arr2.filter(x => !arr1.includes(x)));
로그인 후 복사

이것은 대칭적 차이를 생성합니다: [1].

@Joshaven Potter가 강조한 바와 같이, 유연성 향상을 위해 이러한 메소드를 Array.prototype에 직접 추가할 수 있습니다.

Array.prototype.diff = function(arr2) { 
  return this.filter(x => !arr2.includes(x)); 
}
로그인 후 복사

그런 다음 이를 어레이에서 직접 사용할 수 있습니다.

[1, 2, 3].diff([2, 3]) // [1]
로그인 후 복사

위 내용은 두 JavaScript 배열의 교차점, 차이 및 대칭적 차이를 효율적으로 찾을 수 있는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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