如何在JS中平滑百分比

Question

我有一个包含小数值的对象：evo、meteo 和 usage 我尝试用三个条件显示这个值：

• 值可以是正数和负数
• 值必须以百分比形式显示，不带任何小数
• (A) 必须为真

(A)：Math.round(meteo*100)+Math.round(usage*100) = Math.round(evo*100)

例如，如果我们将 A with 应用于这些值

{evo: 0.1466, meteo: 0.1231, usage: 0.0235}

我们会得到无效的百分比：

evo: 15%
meteo: 12%
usage: 2%

由于值是四舍五入的，因此有时 (A) 未经过验证。 我正在研究一个 getSmooth 函数来调整四舍五入的值，以使方程 (A) 始终得到验证。

var smooth = getSmooth(Math.round(evo*100), Math.round(meteo*100), Math.round(usage*100);

function getSmooth(evo, meteo, usage){
    // case we need to incremente something
    if( Math.abs(evo) > Math.abs(meteo) + Math.abs(usage) ){
        // case we need to incremente usage
        if( Math.abs(meteo) > Math.abs(usage) ){
            (usage > 0) ? usage++ : usage--;
        }
        // case we need to incremente meteo
        else{
            (meteo > 0) ? meteo++ : meteo--;
        }
    }
    // case we need to decremente something
    else{
        // case we need to decremente usage
        if( Math.abs(meteo) > Math.abs(usage) ){
            (usage > 0) ? usage-- : usage++;
        }
        // case we need to decremente meteo
        else{
            (meteo > 0) ? meteo-- : meteo++;
        }
    }

    return {
        evo: evo,
        meteo: meteo,
        usage: usage
    };
}

我的函数不能正常工作，它只处理 +1 递增/递减。 我很确定我正在努力做到这一点。

有没有更简单的方法来完成这项任务？

Answer 1

试试这个：

function getSmooth(meteo, usage) {
    meteo = Math.round(meteo*100);
    usage = Math.round(usage*100);
    return {
        evo: (meteo + usage) / 100,
        meteo: meteo / 100,
        usage: usage / 100
    };
}

测试evo 中的计算错误，与您的可视化逻辑分开：

var evo, meteo, usage;
// ...
// do the error handling
var eps = 1e-4; // some float precision epsilon
if(Math.abs(evo - (meteo + usage)) > eps) {
     // there's an error in evo...
}
// now do the processing
var smooth = getSmooth(meteo, usage);
// continue with smooth...

Answer 2

如果您想保持evo 的值的准确度，而不是根据meteo 和usage 的总和来计算，这里有一种不同的方法。 （比用evo = metro + usage丑一点）

查看meteo 和usage 的小数点是多少，然后根据结果使用.ceil() 或.floor()。

var smooth = getSmooth(evo, meteo, usage);

function getSmooth(evo, meteo, usage){

    evo   *= 100;
    meteo *= 100;
    usage *= 100;

    var meteo_decimal = meteo % 1;
    var usage_decimal = usage % 1;

    evo = Math.round(evo);

    if( meteo_decimal > usage_decimal ) {
        meteo = Math.ceil(meteo);
        usage = Math.floor(usage);
    } else {
        meteo = Math.floor(meteo);
        usage = Math.ceil(usage);
    }

    return {
        evo: evo / 100,
        meteo: meteo / 100,
        usage: usage / 100
    };
}