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 等所有场景。
相关推荐
胡萝卜术6 小时前
从API调用到手写LRU:力扣146「LRU缓存」的哈希表+双向链表终极进化之路
前端·javascript·面试
科技道人6 小时前
记录 默认置灰/禁用 app ‘Search Engine Selector‘ 的disable按钮
开发语言·前端·javascript
shuaijie051812 小时前
强制修改调用接口的api地址。
javascript·vue.js·ecmascript
JerrySir12 小时前
恶意 npm 包只活了 17 分钟:技术面试里,为什么“升级依赖”还不算止血?
javascript·安全
白帽小阳12 小时前
2026前端面试题!(附答案及解析)
javascript·网络·python·安全·web安全·网络安全·护网行动
这是个栗子12 小时前
前端开发中的常用工具函数(八)
开发语言·前端·javascript
Hilaku12 小时前
Vue 和 React 真正的差距,不在语法,而在团队犯错成本
前端·javascript·程序员
研☆香12 小时前
为什么变量声明在赋值前也能使用?—— 深入理解 JavaScript 变量提升与作用域
开发语言·前端·javascript
柯克七七13 小时前
我把 bug 修得太干净了,测试组以为这个模块本来就没问题
前端·javascript·typescript
Null15513 小时前
浏览器唤起桌面端应用(终极篇)
前端·javascript