>  기사  >  웹 프론트엔드  >  JavaScript에서 두 개체를 비교하여 첫 번째 개체에 두 번째 개체와 동일한 속성 값이 포함되어 있는지 확인하는 방법은 무엇입니까?

JavaScript에서 두 개체를 비교하여 첫 번째 개체에 두 번째 개체와 동일한 속성 값이 포함되어 있는지 확인하는 방법은 무엇입니까?

王林
王林앞으로
2023-08-24 21:09:02980검색

如何在 JavaScript 中比较两个对象以确定第一个对象是否包含与第二个对象相同的属性值?

JavaScript에서 객체에는 다양한 속성과 메서드가 포함되어 있습니다. 각 속성에는 값이 포함됩니다. 또한 두 개체를 비교하려면 속성 값을 비교해야 합니다.

여기에서는 첫 번째 객체에 두 번째 객체가 포함하는 모든 속성이 포함되어 있는지 확인하고 각 속성의 값을 비교하는 방법을 배웁니다.

객체 속성값을 하나씩 비교해보세요

가장 간단한 방법은 첫 번째 개체에 두 번째 개체의 모든 속성이 포함되어 있는지 확인하는 것입니다. 첫 번째 객체에 속성이 포함되어 있으면 두 객체의 값이 비교됩니다.

즉, 이 방법으로 모든 속성을 하나씩 비교한다는 의미입니다.

문법

사용자는 다음 구문을 따라 첫 번째 개체에 JavaScript에서 동일한 값을 갖는 두 번째 개체의 모든 속성이 포함되어 있는지 확인할 수 있습니다.

으아악

위 구문에서 obj1과 obj2는 서로 다른 속성을 포함하는 서로 다른 객체입니다.

아래 예에서는 obj1 및 obj2 개체를 만들었습니다. if-else 조건문을 사용하여 object2의 모든 속성 값을 object1의 속성 값과 비교합니다.

으아악

forEach 루프를 사용하여 두 번째 개체의 속성을 첫 번째 개체의 속성과 비교

이 방법에서는 JavaScript forEach 루프를 사용하여 두 번째 개체의 모든 키를 반복하고 해당 값을 첫 번째 개체의 해당 속성 값과 일치시킵니다. 배열에 있는 객체의 모든 키를 얻을 수 있습니다. 그런 다음 forEach를 사용하여 키 배열을 반복할 수 있습니다.

문법

사용자는 다음 구문에 따라 forEach 루프를 사용하여 첫 번째 개체에 두 번째 개체와 동일한 속성 값이 포함되어 있는지 확인할 수 있습니다.

으아악

위 구문에서는 Student2 개체의 각 키 값을 Student1 개체와 비교합니다.

아래 예에서는 서로 다른 속성을 포함하는 Student1 및 Student2 개체를 만들었습니다. 그런 다음 Object.keys() 메서드를 사용하여 Student2 개체의 모든 키를 가져옵니다. 다음으로 forEach를 사용하여 Student2 개체의 모든 키를 반복합니다.

student2 객체와 Student1 객체의 키 값을 비교합니다. 출력에서 Student1 개체에 연도 특성이 포함되어 있지 않기 때문에 "개체 특성과 값이 일치하지 않습니다."가 인쇄되는 것을 확인할 수 있습니다.

으아악

array.every() 메소드를 사용하세요

JavaScript array.every() 메서드는 배열의 각 요소가 특정 조건을 따르는지 확인합니다. 예를 들어, array.every() 메서드를 사용하여 모든 배열 번호가 100보다 작은지 확인할 수 있습니다.

여기에서는 array.every() 메서드를 사용하여 object1에 동일한 값을 가진 object2의 모든 속성이 포함되어 있는지 확인합니다.

문법

사용자는 다음 구문에 따라 array.every() 메서드를 사용하여 첫 번째 개체에 두 번째 개체와 동일한 속성 값이 포함되어 있는지 확인할 수 있습니다.

으아악

위 구문에서 특정 속성의 값이 정의되지 않은 경우 해당 속성이 개체에 존재하지 않는 것입니다. 그런 다음 속성 값을 비교했습니다.

아래 예에서 table1 개체에는 table1 개체와 동일한 값을 갖는 모든 속성이 포함되어 있습니다. Object.keys()를 사용하여 배열의 모든 키를 가져오고 배열에서 Every() 메서드를 사용합니다.

콜백 함수를 키를 매개변수로 사용하는 Every() 메서드에 매개변수로 전달합니다. 그래서 우리는 table1 객체에 키가 있는지 확인하고 만약 그렇다면 table2 객체와 동일한 값을 포함하고 있습니까?

table1 개체에 table2 개체의 모든 키가 포함되어 있고 값이 동일하면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

으아악

이 튜토리얼에서는 다양한 방법을 사용하여 첫 번째 객체에 동일한 값을 가진 두 번째 객체의 모든 속성이 포함되어 있는지 확인하는 방법을 배웠습니다. 가장 좋은 방법은 한 줄의 코드가 포함되어 있으므로 array.every() 메서드를 사용하는 것입니다.

위 내용은 JavaScript에서 두 개체를 비교하여 첫 번째 개체에 두 번째 개체와 동일한 속성 값이 포함되어 있는지 확인하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제