> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 배열 정렬 비교 함수에 부울 반환 값이 충분합니까?

JavaScript 배열 정렬 비교 함수에 부울 반환 값이 충분합니까?

Linda Hamilton
풀어 주다: 2024-12-16 05:54:10
원래의
575명이 탐색했습니다.

Is a Boolean Return Value Sufficient for JavaScript Array Sorting Comparison Functions?

JavaScript 정렬: 비교 함수에 대해 부울 충분값을 반환할 수 있습니까?

이 문제는 단순히 배열을 정렬한다는 일반적인 오해에서 발생합니다. 비교 함수에서 부울(true 또는 false)을 반환하는 것으로 충분합니다. 이 접근 방식은 어떤 경우에는 효과가 있는 것처럼 보일 수도 있지만 올바르지 않으며 예측할 수 없는 정렬 결과를 초래할 수 있습니다.

부울 반환이 불충분한 이유

정렬의 비교 함수는 배열에 있는 두 요소의 상대적 순서를 결정하는 것입니다. 정확하고 일관된 정렬을 위해 비교 함수는 순서를 나타내는 숫자를 반환해야 합니다.

  • 0: 요소는 동일하며 순서에서 상호 교환 가능한 것으로 간주될 수 있습니다(예: [1, 1]은 변경되지 않음).
  • 양수: 첫 번째 요소(a) 두 번째 요소(b)보다 큰 것으로 간주되며 정렬된 배열에서 그 뒤에 와야 합니다.
  • 음수: 첫 번째 요소는 두 번째 요소보다 작은 것으로 간주되며 정렬된 배열에서 그 앞에 와야 합니다. 정렬된 배열입니다.

부울(참 또는 거짓)만 반환하면 이 정보가 정확하게 전달되지 않습니다. 예를 들어, 부울 값이 true는 요소가 동일하다는 것을 의미하지만 a가 b보다 선행해야 하는지 또는 그 반대인지는 지정하지 않습니다.

부울 비교 함수 사용의 결과

부울만 반환하는 비교 함수를 사용하면 정의되지 않거나 예상치 못한 정렬 동작이 발생할 수 있습니다. 다양한 정렬 구현은 결과를 다르게 해석하여 브라우저나 환경에 따라 불일치가 발생할 수 있습니다.

예를 들어 다음 코드는 의도한 대로 배열을 정렬하지 않을 수 있습니다.

arr = [1, 0, 2];
arr.sort((a, b) => a > b); // Returns a boolean
console.log(arr); // Output: [0, 1, 2] or [1, 0, 2] (depending on browser/environment)
로그인 후 복사

이 경우, Chrome 및 Internet Explorer 11에서는 > b는 a >= b이므로 결과적으로 [0, 1, 2]가 됩니다. 그러나 Opera 12에서는 이를 단순히 > b, 결과는 [1, 0, 2]입니다.

올바른 비교 함수 구현

올바르고 일관된 정렬을 보장하려면 다음과 같은 비교 함수를 정의하는 것이 필수적입니다. 적절한 숫자 값을 반환합니다.

  • 숫자의 경우 간단히 두 요소 간의 차이를 반환합니다. (a - b).
  • 문자열이나 기타 유사한 유형의 경우 1, 0 또는 -1을 반환하여 각각 "보다 큼", "같음" 또는 "보다 작음"을 나타냅니다.
  • 복잡한 객체 유형의 경우 관련 항목을 검색하고 비교하는 사용자 정의 비교 기능을 사용하십시오.

결론

JavaScript 정렬을 위한 비교 함수에서 부울을 반환하는 것은 일부 시나리오에서 작동하는 것처럼 보일 수 있지만 이는 의도한 방식이 아니며 예측할 수 없는 결과를 초래할 수 있습니다. 올바른 구현을 사용하면 개발자는 브라우저나 환경에 관계없이 배열이 원하는 순서로 정렬되도록 할 수 있습니다.

위 내용은 JavaScript 배열 정렬 비교 함수에 부울 반환 값이 충분합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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