AngularJS中字符串类型版本号排序异常问题求助

这个问题我之前也踩过坑！字符串排序版本号确实会乱套，因为它是按每个字符的ASCII码逐个比较的，完全不管版本号的分段数值逻辑——比如要是有2.9.0，字符串排序会觉得它比2.11.5大，就因为第二个点后的9比1的ASCII码高，这显然不符合版本号的实际规则。

别慌，给你个靠谱的解决思路：自定义版本号排序逻辑，把版本号拆成数字数组后逐段比较数值大小，具体实现步骤如下：

1. 在控制器中定义版本号排序函数 #

这个函数会接收列表中的每个项，返回一个能用于正确排序的“键”——也就是把版本号拆分成数字数组：

angular.module('myApp', [])
  .controller('VersionCtrl', function($scope) {
    $scope.appVersions = [
      {name: 'App A', version: '2.11.5'},
      {name: 'App B', version: '2.11.5'},
      {name: 'App C', version: '2.11.7'},
      {name: 'App D', version: '2.11.7'},
      {name: 'App E', version: '2.11.5'}
    ];

    // 自定义版本号排序函数
    $scope.versionSort = function(item) {
      // 按点拆分版本号，把每段转成数字
      return item.version.split('.').map(function(numStr) {
        return parseInt(numStr, 10);
      });
    };
  });

2. 在模板中使用自定义排序函数 #

在ng-repeat里通过orderBy指令调用这个函数，还能加true参数实现降序：

升序排序示例 #

<div ng-app="myApp" ng-controller="VersionCtrl">
  <h3>升序排序的版本列表</h3>
  <ul>
    <li ng-repeat="app in appVersions | orderBy:versionSort">
      {{app.name}} - {{app.version}}
    </li>
  </ul>
</div>

降序排序示例 #

只需要在orderBy后面追加true参数即可：

<li ng-repeat="app in appVersions | orderBy:versionSort:true">
  {{app.name}} - {{app.version}}
</li>

3. 处理特殊情况（可选） #

如果遇到长度不一致的版本号（比如2.11和2.11.5），可以在拆分后补0，确保每一段都能对应比较：

$scope.versionSort = function(item) {
  const versionParts = item.version.split('.').map(numStr => parseInt(numStr, 10));
  // 假设版本号最多3段，不足的补0对齐
  while (versionParts.length < 3) {
    versionParts.push(0);
  }
  return versionParts;
};

这样2.11会被转换成[2,11,0]，和2.11.5的[2,11,5]比较时，就能正确判定前者版本更低。

这样处理后，你的版本号就能按照实际的版本逻辑排序，再也不会出现混乱的结果啦～

内容的提问来源于stack exchange，提问作者callidusTaurus