JavaScript 实现三段式版本号对比函数(app升级用)

这里提供 JavaScript 实现三段式版本号对比函数,按 主版本.次版本.修订号 逐位数字比较,兼容 1.0.1001.1.0 这类版本,可直接用于本地版本判断。

完整工具函数

javascript 复制代码
/**
 * 对比两个三段式版本号
 * @param {string} v1 版本1
 * @param {string} v2 版本2
 * @returns {number} 
 *  1  : v1 > v2(当前版本更新)
 * -1  : v1 < v2(需要升级)
 *  0  : 版本相等
 */
function compareVersion(v1, v2) {
    // 分割并转为数字数组
    const arr1 = v1.split('.').map(Number);
    const arr2 = v2.split('.').map(Number);

    // 逐段比较:主版本 → 次版本 → 修订号
    for (let i = 0; i < 3; i++) {
        const num1 = arr1[i] || 0;
        const num2 = arr2[i] || 0;
        if (num1 > num2) return 1;
        if (num1 < num2) return -1;
    }
    // 三段全部相等
    return 0;
}

使用示例

javascript 复制代码
// 测试用例
console.log(compareVersion('1.0.100', '1.1.0'));  // -1  1.0.100 < 1.1.0
console.log(compareVersion('1.1.0', '1.0.100'));  // 1   1.1.0 > 1.0.100
console.log(compareVersion('1.1.99', '1.1.100'));// -1
console.log(compareVersion('1.1.100', '1.1.100'));// 0

// 业务场景:判断是否需要更新
const localVer = '1.0.100';
const serverVer = '1.1.0';
const res = compareVersion(localVer, serverVer);

if (res === -1) {
    console.log('检测到新版本,请升级');
} else if (res === 1) {
    console.log('本地版本更高');
} else {
    console.log('版本一致,无需更新');
}

PHP 版本(后端/ThinkPHP 场景备用)

php 复制代码
/**
 * 三段版本号对比
 * @param string $v1
 * @param string $v2
 * @return int 1/-1/0
 */
function compareVersion($v1, $v2)
{
    $arr1 = array_map('intval', explode('.', $v1));
    $arr2 = array_map('intval', explode('.', $v2));

    for ($i = 0; $i < 3; $i++) {
        $n1 = isset($arr1[$i]) ? $arr1[$i] : 0;
        $n2 = isset($arr2[$i]) ? $arr2[$i] : 0;
        if ($n1 > $n2) return 1;
        if ($n1 < $n2) return -1;
    }
    return 0;
}

// 调用示例
var_dump(compareVersion('1.0.100', '1.1.0')); // int(-1)

补充说明

  1. 严格按 数字大小 对比,彻底规避字符串比较的坑;
  2. 不足三位的版本自动补 0(如 1.1 等同于 1.1.0);
  3. 适配你的版本序列:1.0.1001.1.01.1.100 等所有场景。
相关推荐
小徐_233314 小时前
Wot UI 2.3.0 发布:二维码组件来了,Open Wot 与 wot-starter 同步更新
前端·微信小程序·uni-app
FogLetter15 小时前
当JavaScript学会“分身术”:异步编程的进化简史
前端·javascript·面试
java1234_小锋16 小时前
Vue3+Vite简介以及构建第一个HelloWorld实例
前端·javascript·vue.js·vite
天天鸭17 小时前
5 万处中文的老项目实现国际化,如何用架构思维完成改造?
前端·javascript·架构
skiyee18 小时前
🔥 oiyo & unibest = 又新又好的 uniapp 模板
前端·uni-app
月月大王的3D日记18 小时前
Three.js 入门系列(7):让甜甜圈围着我转 —— 3D文字生成
前端·javascript
半兽先生20 小时前
深度对比:Mapbox GL JS vs Maptalks,WebGIS 开发该如何选型?
开发语言·javascript·ecmascript
only-lucky20 小时前
QML深入学习五(Controls模块)
前端·javascript·学习
其美杰布-富贵-李21 小时前
第 5 篇:Object3D、Group 与场景树
javascript·three.js
海带紫菜菠萝汤1 天前
H.264 宏块划分与码率分配机制:影响压缩效率的关键参数详解
前端·javascript·音视频