JavaScript三数最大值计算异常：负数与空输入处理问题

原函数代码：

function Calculeaza() {
    var a = document.getElementById('input1').value;
    var b = document.getElementById('input2').value;
    var c = document.getElementById('input3').value;
    var max = 0;

    var max = Math.max(a, b, c);

    if (a == '' && b == '' && c == '') {
        max = 'Input at least one number';
    }
    alert(max);
}

问题根源 #

• 输入框返回的value是字符串类型，Math.max处理空字符串时会将其隐式转换为0，导致输入负数时，0会被错误地当作最大值返回。
• 仅判断三个输入全为空的场景，忽略了部分输入为空的情况，此时空输入不应参与最大值计算。

修复后的代码 #

function Calculeaza() {
    // 获取输入值并转为数字，空字符串转为null
    const parseInput = (id) => {
        const val = document.getElementById(id).value.trim();
        return val ? Number(val) : null;
    };

    const a = parseInput('input1');
    const b = parseInput('input2');
    const c = parseInput('input3');

    // 过滤掉null值，只保留有效数字
    const validNumbers = [a, b, c].filter(num => num !== null);

    let max;
    if (validNumbers.length === 0) {
        max = 'Input at least one number';
    } else {
        // 计算有效数字的最大值
        max = Math.max(...validNumbers);
    }

    alert(max);
}

关键修复点 #

• 新增parseInput工具函数，将输入值转为数字，空输入转为null，避免空字符串被隐式转为0。
• 使用filter过滤掉无效的null值，确保只有实际输入的数字参与最大值计算。
• 根据有效数字的数量判断：无有效数字时提示输入，有则计算最大值，覆盖了所有输入场景（单个负数、多个负数混合空输入等）。

内容的提问来源于stack exchange，提问作者Máthé Péter