การเรียงลำดับตามท้องถิ่น

เหตุใดการเรียงลำดับเริ่มต้นจึงล้มเหลว

const words = ["banana", "Apple", "cherry"];
console.log([...words].sort()); // ["Apple","banana","cherry"] — capital wins

localeCompare

console.log("apple".localeCompare("banana")); // -1
console.log("banana".localeCompare("apple")); // 1

การเรียงลำดับด้วย localeCompare

const words = ["banana", "Apple", "cherry"];
console.log([...words].sort((a, b) => a.localeCompare(b)));
// ["Apple", "banana", "cherry"] — case-insensitive ordering

Intl.Collator

const collator = new Intl.Collator("en-US");
const words = ["banana", "Apple", "cherry"];
console.log([...words].sort(collator.compare));

เครื่องหมายกำกับเสียง

const words = ["zebra", "ela", "elf", "elan"];
const collator = new Intl.Collator("fr");
console.log([...words].sort(collator.compare));

ความละเอียดในการเปรียบเทียบ

const c = new Intl.Collator("en", { sensitivity: "base" });
console.log(c.compare("apple", "APPLE")); // 0 (treated equal)

การเรียงลำดับตัวเลข

const files = ["file10", "file2", "file1"];
const c = new Intl.Collator("en", { numeric: true });
console.log([...files].sort(c.compare)); // ["file1","file2","file10"]

ลำดับตัวพิมพ์ใหญ่ก่อน

const c = new Intl.Collator("en", { caseFirst: "upper" });
console.log(["b", "B", "a", "A"].sort(c.compare));

ภูมิภาคมีผลต่อลำดับ

const words = ["z", "a", "o"];
console.log([...words].sort(new Intl.Collator("sv").compare));

การค้นหาด้วย usage

const c = new Intl.Collator("en", { usage: "search", sensitivity: "base" });
function matches(a, b) { return c.compare(a, b) === 0; }
console.log(matches("cafe", "CAFE")); // true

การเรียงลำดับออบเจ็กต์

const people = [{ name: "Bob" }, { name: "alice" }, { name: "Carol" }];
const c = new Intl.Collator("en");
console.log(people.sort((a, b) => c.compare(a.name, b.name)).map((p) => p.name));

ตรวจสอบความเข้าใจ

ทบทวน: การเรียงลำดับตามภูมิภาค