Intl.Collatorによるロケール別照合とソート

Intl.Collator：ロケール対応の文字列ソート

デフォルトのJavaScript文字列比較（localeCompareや< / >）はロケール固有のソートルールを正しく処理しません。Intl.Collatorは適切なロケール対応の文字列比較を提供します。

デフォルトソートが失敗する理由

// ドイツ語：äは'z'の後ではなく'a'の近くにソートされるべき
['äpfel', 'Apfel', 'Banane'].sort();
// ["Apfel", "Banane", "äpfel"] -- 間違い！

ロケール対応ソート

const de = new Intl.Collator('de');
['äpfel', 'Apfel', 'Banane'].sort(de.compare);
// ["Apfel", "äpfel", "Banane"] -- 正しい！

const sv = new Intl.Collator('sv');
['äpple', 'apple', 'banana'].sort(sv.compare);
// ["apple", "banana", "äpple"]
// スウェーデン語ではäはzの後にソートされる！

感度レベル

// "base": a = A = à = À
// "accent": a = A, à ≠ a
// "case": a ≠ A, à = a
// "variant": a ≠ A ≠ à ≠ À

数値ソート

const col = new Intl.Collator('en', { numeric: true });
['item10', 'item2', 'item1', 'item20'].sort(col.compare);
// ["item1", "item2", "item10", "item20"]

パフォーマンス

Intl.Collatorは大きな配列のソートにおいてString.prototype.localeCompare()よりも大幅に高速です。コレーターが一度作成されて再利用されるためです。