在前端开发中，我们常常需要对不同语言的文本进行排序、筛选等操作，而这些操作的正确性往往依赖于正确的字符排序方式。而不同语言的字符排序方式又有所不同，比如汉字的拼音排序、日文的五十音顺序等。为了解决这个问题，Windows 提供了一套国际化排序 API——Globalization Collation。
npm 包 windows.globalization.collation 就是一个将 Windows 的排序 API 封装为 Node.js 模块的工具库，同时它也可以在浏览器中使用。本文将详细介绍 npm 包 windows.globalization.collation 的基本使用方法，包括排序方法、排序选项等内容，同时提供了一些使用示例。
安装
要使用 windows.globalization.collation，首先需要将它安装到你的项目中，可以使用 npm 这个 JavaScript 的包管理器进行安装。可以使用以下命令安装：
npm install windows.globalization.collation
当然，在安装之前，需要确保你的项目中已经安装了 Node.js。
排序
使用 windows.globalization.collation 的最基本用法是进行排序。下面是一个简单的排序示例：
const collator = new Intl.Collator(undefined, { numeric: true, sensitivity: 'base' });
const sorted = ["10", "5", "2", "1"].sort(collator.compare);
console.log(sorted); // ["1", "2", "5", "10"]在这个示例中，我们使用了 Intl.Collator 类来创建一个排序器 collator。其中，第一个参数指定了所需排序的语言，undefined 表示自动检测。第二个参数是一个选项对象，用来指定排序所需的一些参数，比如数字排序、大小写敏感性等。在这个示例中，我们只使用到了 numeric 和 sensitivity 两个参数，用来实现数字排序和基础敏感度排序。
最后，我们将需要排序的数据（这里是一个字符串数组）进行排序，排序方法是通过 collator.compare 函数实现的。最终，排序结果被保存在变量 sorted 中，并打印输出。
上述示例只是 windows.globalization.collation 的一个简单用法，下面我们将介绍更多的排序选项和示例。
基本敏感度排序
在基本敏感度排序中，只有字符的不同才能影响排序结果，而字符的大小写不影响排序结果。在创建排序器时，可以使用选项 sensitivity: 'base' 来指定基本敏感度排序：
const collator = new Intl.Collator(undefined, { sensitivity: 'base' });
const sorted = ["A", "b", "C"].sort(collator.compare);
console.log(sorted); // ["A", "b", "C"]在这个示例中，我们使用了基本敏感度排序，将同样大小写的字符进行了排序，因此最终排序结果是 ["A", "b", "C"]。
大小写敏感排序
和基本敏感度排序相反，大小写敏感排序会将字符的大小写视为不同字符进行排序。在创建排序器时，可以使用选项 sensitivity: 'case' 来指定大小写敏感排序：
const collator = new Intl.Collator(undefined, { sensitivity: 'case' });
const sorted = ["A", "b", "C"].sort(collator.compare);
console.log(sorted); // ["A", "C", "b"]在这个示例中，我们使用了大小写敏感排序，将同样大小写的字符进行了排序，因此最终排序结果是 ["A", "C", "b"]。
数字排序
在文本中存在数字时，进行排序时往往需要按照数字的大小进行排序，而不是按照字符的 ASCII 码排序。在创建排序器时，可以使用选项 numeric: true 来指定数字排序：
const collator = new Intl.Collator(undefined, { numeric: true });
const sorted = ["10", "2", "5"].sort(collator.compare);
console.log(sorted); // ["2", "5", "10"]在这个示例中，我们使用了数字排序，将字符串数组按照数字大小进行了排序，因此最终排序结果是 ["2", "5", "10"]。
拼音排序
对于一些语言（如中文），排序时需要按照拼音进行排序，而不是按照字符的 ASCII 码排序。在创建排序器时，需要指定需要排序的语言，比如 'zh' 表示中文。同时，还需要设置选项 localeMatcher: 'lookup' 和 sensitivity: 'base'，以便将相同拼音的汉字进行排序：
const collator = new Intl.Collator('zh', { localeMatcher: 'lookup', sensitivity: 'base' });
const sorted = ["一", "帆", "打", "风", "平", "行", "船"].sort(collator.compare);
console.log(sorted); // ["打", "风", "帆", "船", "行", "平", "一"]在这个示例中，我们使用了拼音排序，将汉字按照拼音进行了排序，因此最终排序结果是 ["打", "风", "帆", "船", "行", "平", "一"]。
结尾
本文介绍了 npm 包 windows.globalization.collation 的基本使用方法，包括排序方法、排序选项等内容，同时提供了一些使用示例。希望本文可以对大家的前端开发有所帮助。如果你想了解更多内容，可以查看 npm 包的官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006710c8dd3466f61ffe15b