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

这里提供 JavaScript 实现三段式版本号对比函数,按 主版本.次版本.修订号 逐位数字比较,兼容 1.0.100、1.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.100 → 1.1.0 → 1.1.100 等所有场景。
相关推荐
酷炫码神10 小时前
Day 10|Pinia 状态管理:把散落在各组件的数据,收进一个全局仓库
android·开发语言·javascript
酷炫码神13 小时前
Day 8|Vue3 响应式:告别手动操作 DOM,让数据驱动界面
javascript·vue.js·ecmascript
码林鼠14 小时前
flutter状态管理入门教程-Riverpod
开发语言·javascript·flutter
互影派14 小时前
分享:Cocos 互动影游一套代码双端分发(Web H5 + Windows/Steam)实践
javascript
Amos_Web15 小时前
Markdonw语法
开发语言·前端·javascript
全栈项目管理程序猿15 小时前
ArcGIS JS 基础教程(34):体元系列 - 等值面 VoxelIsosurface
前端·javascript
SensorFlow15 小时前
离页埋点:sendBeacon 返回 true,为什么还不能算接收成功
javascript
兔子零102415 小时前
架构师最危险的能力:用正确的技术,做出错误的架构决策
前端·javascript·后端
Bug收容所15 小时前
Vue+js Day2
前端·javascript·vue.js
掘金酱16 小时前
带着作品来,坐下来聊|掘金 X-lab · Coffee Talk 邀请你来见一面
前端·javascript·后端