在JavaScript开发中，默认的字符串排序基于Unicode码点，很多时候不符合业务要求的自定义字母顺序，比如需要按照指定优先级排列字符，或者适配特殊的排序规则。掌握按自定义字母顺序排序字符串的方法，能解决很多实际场景的需求。
基础实现：基于自定义映射表排序
最直观的思路是创建一个自定义字母顺序的映射表，给每个字符分配一个优先级数值，排序时对比两个字符串对应位置的字符优先级即可。这种方法逻辑清晰，适合自定义规则固定的场景。
实现步骤如下：
- 定义自定义字母顺序数组，确定每个字符的优先级
- 生成字符到优先级的映射对象，方便快速查询
- 编写比较函数，按位对比两个字符串的字符优先级
- 使用数组的sort方法传入比较函数完成排序
以下是完整的实现代码：
// 自定义字母顺序，优先级从左到右依次升高
const customOrder = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm',
'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'];
// 生成字符到优先级的映射
const orderMap = {};
customOrder.forEach((char, index) => {
orderMap[char] = index;
});
/**
* 按自定义字母顺序比较两个字符串
* @param {string} str1 第一个字符串
* @param {string} str2 第二个字符串
* @returns {number} 比较结果，小于0则str1在前，大于0则str2在前，等于0则相等
*/
function compareByCustomOrder(str1, str2) {
const len = Math.min(str1.length, str2.length);
for (let i = 0; i < len; i++) {
const char1 = str1[i];
const char2 = str2[i];
const order1 = orderMap[char1] !== undefined ? orderMap[char1] : Infinity;
const order2 = orderMap[char2] !== undefined ? orderMap[char2] : Infinity;
if (order1 !== order2) {
return order1 - order2;
}
}
// 前缀相同的情况下，短的字符串在前
return str1.length - str2.length;
}
// 测试示例
const testStrings = ['apple', 'banana', 'cherry', 'date', 'apricot'];
testStrings.sort(compareByCustomOrder);
console.log(testStrings); // 输出: ["apple", "apricot", "banana", "cherry", "date"]
进阶实现：使用localeCompare扩展参数
如果自定义规则符合某些地区的语言排序习惯，也可以使用localeCompare方法的扩展参数来实现，这种方式不需要手动维护映射表，适配性更强。
localeCompare支持传入options参数，其中sensitivity可以控制比较的敏感度，usage可以设置排序用途，不过如果是完全自定义的字母顺序，还是建议结合映射表使用，避免兼容性问题。
以下是结合映射表和localeCompare的示例：
// 自定义特殊字母顺序，比如把'x'的优先级放到'a'前面
const specialOrder = ['x', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm',
'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'y', 'z'];
const specialOrderMap = {};
specialOrder.forEach((char, index) => {
specialOrderMap[char] = index;
});
function compareWithLocale(str1, str2) {
const len = Math.min(str1.length, str2.length);
for (let i = 0; i < len; i++) {
const c1 = str1[i];
const c2 = str2[i];
// 优先使用自定义映射的优先级，不在映射中的字符使用默认localeCompare比较
if (specialOrderMap[c1] !== undefined && specialOrderMap[c2] !== undefined) {
if (specialOrderMap[c1] !== specialOrderMap[c2]) {
return specialOrderMap[c1] - specialOrderMap[c2];
}
} else {
const localeResult = c1.localeCompare(c2);
if (localeResult !== 0) {
return localeResult;
}
}
}
return str1.length - str2.length;
}
const testArr = ['xray', 'apple', 'xenon', 'banana'];
testArr.sort(compareWithLocale);
console.log(testArr); // 输出: ["xenon", "xray", "apple", "banana"]
注意事项
在实际使用中需要注意以下几点：
- 映射表需要覆盖所有可能的字符，未覆盖的字符建议设置默认优先级，避免排序异常
- 如果字符串包含大小写，需要先统一转换为小写或大写再排序，或者在映射表中同时配置大小写字符的优先级
- 对于超长字符串的排序，按位比较的性能可以满足大部分场景，如果需要更高性能可以优化比较逻辑，比如缓存映射结果
- 如果自定义规则是动态变化的，只需要动态修改映射表即可，不需要改动比较函数的核心逻辑
总结
JavaScript中按自定义字母顺序排序字符串，核心思路是通过自定义优先级映射，编写对应的比较函数传入sort方法。基础映射表方法适合规则固定的场景，灵活度高；结合localeCompare的方式可以适配部分语言相关的排序需求。开发者可以根据实际业务场景选择合适的方法，上面的代码示例可以直接复用，快速实现自定义排序功能。
JavaScript字符串排序自定义字母顺序localeCompare数组排序修改时间：2026-06-09 21:39:27