使用Lodash _.orderBy对含数字字符串排序的问题求助

云原生阿岚

2026-5-15

解决字符串末尾数字的数值排序问题

这个问题很常见——默认的字符串排序是按字符逐个比较ASCII码，所以"10"会被判定为比"4"小（因为'1'的ASCII码比'4'小），导致排序结果不符合数值逻辑。咱们可以通过自定义排序规则来修复这个问题：

核心思路

把每个名称拆分为前缀文本和末尾数字两部分：

先按前缀文本排序（保持你原来的季节、类别排序逻辑）
再按末尾数字的数值大小排序，而不是字符串顺序

具体实现（基于Lodash）

方法1：拆分维度分别排序

这种方式更清晰，方便你调整各维度的排序方向（升/降序）：

// 提取字符串末尾的数字，转为数值；无数字则返回0（让无数字的项排在前面）
const extractTrailingNumber = (name) => {
  const numMatch = name.match(/(\d+)$/);
  return numMatch ? parseInt(numMatch[1], 10) : 0;
};

// 获取去掉末尾数字后的前缀文本
const getSortPrefix = (name) => {
  return name.replace(/\d+$/, '').trim();
};

// 执行排序：先按前缀降序，再按数字升序（可根据需求调整方向）
const sortedList = _.orderBy(yourList, [
  (item) => getSortPrefix(item.name),
  (item) => extractTrailingNumber(item.name)
], ['desc', 'asc']);

方法2：自然排序通用方案

如果需要更通用的自然排序（比如字符串中间也有数字的情况），可以把字符串拆分为文本和数字片段，数字转数值后再排序：

const sortedList = _.sortBy(yourList, (item) => {
  // 将字符串拆分为文本和数字片段，数字转为整数
  return item.name.split(/(\d+)/).map(segment => {
    return isNaN(segment) ? segment : parseInt(segment, 10);
  });
});