Intl.Collator：本地化排序与搜索匹配

---

title: Intl.Collator：本地化排序与搜索匹配

keywords:

• Intl.Collator
• 本地化排序
• 忽略大小写
• 忽略重音
• 搜索匹配

description: 使用 Intl.Collator 实现本地化排序与搜索匹配，按语言习惯处理大小写与重音差异，提升列表与检索体验。

categories:

• 文章资讯
• 编程技术

---

概述

Intl.Collator 根据 locale 提供字符串比较规则，支持敏感度与大小写/重音忽略。适合用户列表、商品排序与搜索过滤。

用法/示例

const coll = new Intl.Collator('zh-CN', { sensitivity: 'base', ignorePunctuation: true })
['阿里', '百度', '腾讯'].sort(coll.compare)

// 搜索匹配
const query = 'cafe'
const matchColl = new Intl.Collator('en', { sensitivity: 'base' })
['café', 'Cafe', 'CAFE'].filter(s => matchColl.compare(s, query) === 0)

工程建议

• 明确产品的排序原则与 locale，一致使用同一 Collator 实例。
• 在搜索中选择合适的敏感度（base 忽略大小写与重音）并处理标点。
• 对大型列表进行键预计算与缓存，减少比较开销。

参考与验证

• MDN：Intl.Collator — https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Intl/Collator