With the requirement that I need to use the Intl.Collator (English language only) to sort strings that contains both letters and numbers (anywhere in the string). I need to have them sorted such that:
- Capital letters come before lower-case letters when they're the same (eg. A > a, a > b, a > B, A > B, A > b)
- Numbers in the string are sorted numerically (eg. 1 > 2, 1 > 10, 2 > 10)
- Numbers sort before letters (numbers > letters) when at the same position.
I am using this:
return new Intl.Collator(locale, { caseFirst: 'upper', numeric: true, sensitivity: 'variant' })
.compare(stringA, stringB);
You can see an explanation of the Collator options object here: https://reference.codeproject.com/javascript/reference/global_objects/collator
This works fine when the numbers are at the beginning of the string:
'9elliot' > '12morgan',
'54mary' > '54Ralph',
'23John' > '23john'
But I have run across a case where sorting fails and I cannot figure out why:
console.log(['f1oobar', 'F2oobar'].sort(
new Intl.Collator('en', { caseFirst: 'upper', numeric: true, sensitivity: 'variant'}).compare
));
// Prints ["f1oobar", "F2oobar"]
I need it to sort as ["F2oobar", "f1oobar"] because Capital "F" should come before lower-case "f".
I have tried all variants of caseFirst, numeric and sensitivity with no change in the result. I've even removed numeric and sensitivity with no change.
Who can explain and/or solve this?
