사파리 브라우저 자바 스크립트 배열이 잘못 사파리 콘솔에서

Question

을 문자열을 정렬하는 것 같다

var x = ["20", "21"]; x.sort(function(a,b){return b > a}); x 
> ["20", "21"] 

크롬 :

이 (크롬 일치)하지만, Safari에서 예상대로 작동

var x = ["20", "21"]; x.sort(function(a,b){return b > a}); x 
> ["21", "20"] 

:

"20" > "21" 
false 

내 머리를 긁적.

Answer 1

비교 콜백 함수는 참/거짓 대신 숫자를 반환해야합니다. 이것은 정렬에서 비교할 목적으로 "미만"기능 만 제공 할 수있는 다른 언어와 매우 다릅니다.

서로 다른 관찰 결과이 두 브라우저 결과에서 sort()의 다른 구현 ...

정렬 함수의 몸은 단지 return b - a해야한다.

Answer 2

Array#sort은 정렬하려는 유형에 대한 콜백이 필요합니다.

문자열은 기본적으로 숫자가 아닌 문자열을 정렬하므로 기본적으로 정렬에 숫자를 사용해야합니다. 첫 번째는 문자열로 정렬하고 두 번째는 숫자 값으로 정렬합니다.

var x = ["20", "21", "2", "100", "10", "1", "3", "30"]; 
 

 
x.sort(); 
 
console.log(x); 
 

 
x.sort(function (a, b) { 
 
    return a - b; // implicit casting to Number 
 
}); 
 
console.log(x);