jQuery/JavaScript를 사용하여 두 개의 JavaScript 배열 객체를 비교하는 방법은 무엇입니까?

JavaScript에서 배열은 인덱스를 키로, 배열 값을 배열 개체의 특정 키 값으로 갖는 개체입니다. 때로는 두 배열이 동일한지 확인해야 할 때도 있습니다.

내 생각에 가장 먼저 떠오르는 해결책은 같음 연산자를 사용하여 array1 == array2처럼 비교하는 것입니다. 이런! 배열은 객체이고 JavaScript에서는 두 객체를 직접 비교할 수 없기 때문에 이것은 작동하지 않습니다. 따라서 배열의 각 요소를 비교해야 합니다.

이 튜토리얼에서는 두 개의 JavaScript 배열 객체를 비교하는 다양한 방법을 배웁니다.

JavaScript의 sort() 메소드를 사용하여 모든 요소를 ​​비교하세요

sort() 메서드를 사용하면 JavaScript에서 배열 값을 정렬할 수 있습니다. 그런 다음 for 루프를 사용하여 배열의 각 인덱스에 있는 요소를 비교할 수 있습니다. 인덱스의 요소가 일치하지 않으면 두 배열 개체가 다르다고 말할 수 있습니다.

구문

사용자는 sort() 메서드와 for 루프를 사용하여 다음 구문에 따라 두 배열 객체를 비교할 수 있습니다.

알고리즘

사용자는 다음 알고리즘에 따라 작동할 수 있습니다.

• 1단계 − sort() 메서드를 사용하여 두 배열을 모두 정렬합니다.

• 2단계 - 두 배열의 길이를 비교합니다. 길이가 동일하지 않으면 false를 반환하여 두 배열이 동일하지 않음을 나타냅니다.

• 3단계 − 두 배열의 길이가 동일한 경우 for 루프를 사용하여 두 배열을 순회합니다.

• 4단계 − 모든 인덱스에서 두 배열의 요소를 비교하고 인덱스의 요소가 일치하지 않으면 false를 반환합니다.

• 5단계 - 두 배열의 모든 요소가 일치하면 두 배열은 동일합니다.

예

아래 예에서는 두 개의 숫자 배열을 만들고 sort() 메서드를 사용하여 정렬했습니다. 그런 다음 for 루프를 사용하여 두 배열의 각 요소를 비교합니다.

출력에서 사용자는 두 배열이 모두 동일한 값을 포함하므로 두 배열이 동일하다는 것을 확인할 수 있습니다.

forEach 루프 및 indexOf() 메소드 사용

forEach 루프를 사용하여 모든 배열 요소를 반복할 수 있습니다. indexOf() 메서드는 배열에서 해당 요소가 처음 나타나는 것을 찾아 참조 배열에 요소가 포함되어 있지 않으면 -1을 반환합니다.

구문

사용자는 forEach 루프와 indexOf() 메서드를 사용하여 다음 구문에 따라 두 배열 객체를 비교할 수 있습니다.

알고리즘

이 알고리즘에서는 첫 번째 접근 방식처럼 배열을 정렬할 필요가 없습니다.

• 1단계 - 두 배열의 길이가 동일한지 확인하고, 그렇지 않으면 false를 반환합니다.

• 2단계 − 길이가 동일한 경우 forEach() 루프를 사용하여 모든 요소를 ​​반복합니다.

• 3단계 − 배열 1의 각 요소에 대해 indexOf() 메서드를 사용하여 배열 2에 존재하는지 확인합니다.

• 4단계 - indexOf() 메서드가 요소에 대해 -1을 반환하면 두 배열이 동일하지 않다는 의미입니다.

예

아래 예에서는 사용자가 버튼을 클릭하면 CompareArray() 함수가 호출됩니다. CompareArray() 함수는 문자열 요소의 두 배열을 비교합니다.

출력에서 사용자는 두 배열의 값이 다르기 때문에 두 배열이 동일하지 않음을 관찰할 수 있습니다.

우리는 JavaScript에서 두 배열을 비교하는 두 가지 방법을 배웠습니다. 사용자는 첫 번째 방법을 사용하여 중복 값이 ​​포함된 배열을 비교할 수 있지만, 두 번째 방법은 고유한 값이 포함된 배열을 비교하는 데만 적합합니다.

또한 사용자는 JSON.stringify() 메서드를 사용하여 객체 배열과 정렬된 배열을 비교할 수 있습니다.

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