用js实现软件版本号比较

2017-03-13  本文已影响600人  虚幻的锈色

【软件版本比较】

js中我们经常来对比一些数据的大小,处理数据,等等,前面我也说了很多比较之类的,有心的童鞋也可以去前面看看,一些数据处理,以及一些js操作数据的方法等等。

最近刚看到一个题,之前网上也出现过,玩的很臭的一道题了,不过我是刚遇见,所以写了一下,顺便拿出来说说,题目大概就是,比较两个软件的版本号大小,比如cc12.12.12,cc12.12.12,之类的,有主版本号,次版本号,修订号,这些数据,要求写一个函数进行对比。

下面我就写一个比较常见的对比,一般说到对比,那我们肯定就想到if else吧,判断情况,有的童鞋说了,鹏哥,还有switch,我想说,,,那不是一样嘛,没什么区别,你可以去面壁了,说正经的,用switch来做这个,需要判断的情况非常多,更加麻烦。所有我就先写一个if的吧。

例子一:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>李鹏-前端开发</title>
    <script>
    function versionCompare(Str1,Str2){
      //第一步:使用正则,先把传参进来的两个版本号中空格给替换成空。
      var nStr1 =Str1.replace(/(^\s+)|(\s+$)/gi,"");
      var nStr2 = Str2.replace(/(^\s+)|(\s+$)/gi,"");
      //第二步:进行一次判断,万一我们传进来的是空的,提示一下,
      if(!nStr1 || !nStr2){
        alert("您输入的两个版本号为空");
        return true;
      }
      //第三步:使用正则来匹配截取两个传进来的版本号中的版本数字
      var req=/\d(\.|\d)*\d/gi; //这个是匹配**.**.**数字的正则
      nStr1=nStr1.match(req)[0]; //match出来的是一个数组,这个匹配出来在第0个
      nStr2=nStr2.match(req)[0];
      //第四步:版本比较,先把版本号字符串切割成数组,[主版本号,次版本号,修订号]
      var arr1 = nStr1.split('.'); //[**,**,**]
      var arr2 = nStr2.split('.');
      //第五步:分别开始分情况比较版本号中的三个版本。
      if(arr1[0]>arr2[0]){
        alert("第一个版本高于第二个版本");
        return true;
      }else if(arr1[0] == arr2[0]){
        if(arr1[1]>arr2[1]){
          alert("第一个版本高于第二个版本")
          return true;
        }else if(arr1[1] == arr2[1]){
          if(arr1[2]>arr2[2]){
            alert("第一个版本高于第二个版本")
            return true;
          }else if(arr1[2] == arr2[2]){
            alert("两个版本号一样");
            return false;
          }
        }
      }
      alert("第一个版本低于第二个版本")
      return false;
  }
  console.log(versionCompare("l1.11.0","p1.11.0"));
    </script>
  </head>
  <body>

  </body>
</html>

具体我就不解释了,里面我也详细的解释了,用到的知识点也不少,闲的没事的可以看看,虽然网上很多人都发过这个,写的也都差不多。。。但是如果只有这一种方法,那么就会有人说:为什么用if else,那么我就告诉你,还有第二种方法,js中我们实现一种效果的方法很多,就看你想不想了,每一种方法都有优缺点,而且性能也都不同。

下面说说第二种情况吧,这种情况思想比较复杂,通过对比两个版本相减,通过相减的差额的值来做判定。让我们看看我的这种写法吧。(为什么写第二个方法呢,这个是有原因滴!在某个阳光明媚的下午,一个某某某过来对我说,为什么用if else? 。。。,我想说是不是觉得我写的if太喽了,满满的鄙视)

例子二:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>李鹏-前端开发</title>
    <script>
    function versionCompare(Str1,Str2){
      //第一步:使用正则,先把传参进来的两个版本号中空格给替换成空。
      var nStr1 =Str1.replace(/(^\s+)|(\s+$)/gi,"");
      var nStr2 = Str2.replace(/(^\s+)|(\s+$)/gi,"");
      //第二步:进行一次判断,万一我们传进来的是空的,提示一下,
      if(!nStr1 || !nStr2){
        alert("您输入的两个版本号为空");
        return true;
      }
      //第三步:使用正则来匹配截取两个传进来的版本号中的版本数字
      var req=/\d(\.|\d)*\d/gi; //这个是匹配**.**.**数字的正则
      nStr1=nStr1.match(req)[0]; //match出来的是一个数组,这个匹配出来在第0个
      nStr2=nStr2.match(req)[0];
      //第四步:版本比较,先把版本号字符串切割成数组,[主版本号,次版本号,修订号]
      var arr1 = nStr1.split('.'); //[**,**,**]
      var arr2 = nStr2.split('.');
      //第五步:开始比较
      var minL=Math.min(arr1.length,arr2.length);
      var index=0;
      var diff=0;
      while(index<minL){
        //循环数组的每一项,相减的差额来做判断
       diff=parseInt(arr1[index])-parseInt(arr2[index]);
       if(diff!=0){
          break;
       }
       index++;
      }
      diff=(diff!=0)?diff:(arr1.length-arr2.length);
      //通过diff的值与0比较,生成true(第一个大于第二个) 或者是false(不大于)
      return diff>0;
  }
  alert(versionCompare("l1.11.1","p1.11.0"));
    </script>
  </head>
  <body>

  </body>
</html>

代码我都直接整体拿上来了,也可以直接复制下去研究看看。** 建议多研究第二个,这个思想比较重要,也比第一个稍微复杂一些**,开始我也没想到,看到一个写java的朋友写的东西,就想到了往这个上面写试试,。。。原谅我年轻!!!
以上,结束!

上一篇下一篇

猜你喜欢

热点阅读