두 JavaScript 개체 배열의 차이점을 찾는 방법은 무엇입니까?-JS 튜토리얼-php.cn

두 JavaScript 개체 배열의 차이점을 찾는 방법은 무엇입니까?

Susan Sarandon

풀어 주다： 2024-12-18 01:12:09

원래의

454명이 탐색했습니다.

How to Find the Difference Between Two JavaScript Arrays of Objects?

JavaScript에서 객체 배열 간의 차이 확인

두 개의 객체 배열을 대조하는 개념은 데이터 세트를 비교할 때 자주 발생합니다. 이 문서에서는 두 배열 사이의 고유한 요소를 추출하여 특정 개체 속성을 보존하는 방법을 살펴봅니다.

다음 입력 배열을 고려하세요.

Result 1:
[
    { value: "0", display: "Jamsheer" },
    { value: "1", display: "Muhammed" },
    { value: "2", display: "Ravi" },
    { value: "3", display: "Ajmal" },
    { value: "4", display: "Ryan" }
]

Result 2:
[
    { value: "0", display: "Jamsheer" },
    { value: "1", display: "Muhammed" },
    { value: "2", display: "Ravi" },
    { value: "3", display: "Ajmal" }
]

로그인 후 복사

원하는 결과는 이러한 배열 간의 차이입니다. , 이는 결과 1의 고유한 요소만 포함하는 배열을 생성합니다.

[
    { value: "4", display: "Ryan" }
]

로그인 후 복사

JavaScript는 우아하게 수행할 수 있는 기본 메서드를 제공합니다. 이 작업. 객체의 속성을 기준으로 객체의 동등성을 평가하는 비교 함수를 정의하면 onlyInLeft() 함수를 활용하여 왼쪽(원본) 배열에만 존재하는 요소를 식별할 수 있습니다. 동일한 프로세스를 오른쪽(새) 배열에 적용할 수 있습니다.

const isSameUser = (a, b) => a.value === b.value &amp;&amp; a.display === b.display;

const onlyInA = onlyInLeft(result1, result2, isSameUser);
const onlyInB = onlyInLeft(result2, result1, isSameUser);

const result = [...onlyInA, ...onlyInB];

로그인 후 복사

결과 변수에는 두 입력 배열을 구별하는 배열이 포함됩니다. 이 접근 방식은 비교를 위해 특정 속성을 유지하면서 객체 배열을 비교할 수 있는 유연한 솔루션을 제공합니다.

위 내용은 두 JavaScript 개체 배열의 차이점을 찾는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!