Question

我正在制作一个像这样的“加速”数组：

acc["0100"] = 1;
acc["0300"] = 2;
acc["0600"] = 4;
acc["0900"] = 8;
acc["2000"] = 16;
acc["5000"] = 32;

并且，当用户按下某个键时，我启动一个计时器：this._startTick = (new Date()).getTime();

现在我有一个计时器，用于检查按键是否仍然按下。如果是这样，那么我会这样做：

this._delay = (new Date()).getTime() - this._startTick;

现在，基于this._delay，我想找到之前的一个值（1,2,4或8）。你会怎么做？

注意：如果该值大于“5.0”，则结果应始终为32。

NOTA：我的目标是，经过一段时间，找出哪个值最好。我开始按照我刚刚解释的方式开始，但如果你有其他解决方案，我会接受它！

Answer 1

Here是jsfiddle测试页面。

var getAccForDelay = (function () {
    var acc = {
        0.1: 1,
        0.3: 2,
        0.6: 4,
        0.9: 8,
        2.0: 16,
        5.0: 32
    };

    return function(delay) {
        var key,
            bestKey = undefined,
            absDiff, 
            absDiffMin = Number.MAX_VALUE;

        for (key in acc) {
            if (acc.hasOwnProperty(key)) {
                absDiff = Math.abs(delay - key);
                if (absDiffMin > absDiff) {
                    absDiffMin = absDiff;
                    bestKey = key;
                }
            }
        } 
        return bestKey === undefined ? undefined : acc[bestKey];
    };
}());

测试：

console.clear();
console.log(getAccForDelay(0));
console.log(getAccForDelay(0.33));
console.log(getAccForDelay(3.14));
console.log(getAccForDelay(123456.789));

输出：

===更新===

上述解决方案没有利用acc按键排序的事实。我通过用binary search替换线性搜索来优化代码，这在长数组上要快得多。 Here是测试页。

var getAccForDelay = (function () {
    var accKey   = [ 0.1, 0.3, 0.6, 0.9, 2.0, 5.0 ],
        accValue = [   1,   2,   4,   8,  16,  32 ],
        accLength = accKey.length;

    return function(delay) {
        var iLeft, iMiddle, iRight;

        iLeft = 0;
        if (delay <= accKey[iLeft])
            return accValue[iLeft];
        iRight = accLength - 1;
        if (accKey[iRight] <= delay)
            return accValue[iRight];        
        while (true) {
            if (iRight - iLeft === 1)
                return delay - accKey[iLeft] < accKey[iRight] - delay ? accValue[iLeft] : accValue[iRight];
            iMiddle = ~~((iLeft + iRight) / 2);
            if (delay < accKey[iMiddle])
                iRight = iMiddle;
            else if (accKey[iMiddle] < delay)
                iLeft = iMiddle;
            else
                return accValue[iMiddle];
        }
    };
}());

Answer 2

在数组上操作比在对象上操作更容易：

var accArr = [];
for (time in acc) {
    accArr.push({time: time, value: acc[time]});
}

假设你有一个数组，你可以这样做：

function getValue(delay) {
    var diffs = accArr.map(function (e) { return Math.abs(e.time - delay); });
    return accArr[diffs.indexOf(Math.min.apply(null, diffs))].value;
}

编辑：

嗯，你没有提到这是一个性能关键的功能。在这种情况下，我建议选择粒度（例如0.05，因此延迟的乘数为20）并预先计算从0到MAX_DELAY的所有值：< / p>

var multiplier = 20,
    granularity = 1 / multiplier;

var delayValues = (function () {
    var result = [];
    for (var delay = 0; delay <= MAX_DELAY; delay += granularity) {
        result.push(getValue(delay));
    }
    return result;
})();

在动画期间，获取值将是一个相对较小的表中的简单查找：

function getValueFast(delay) {
    return (delayValues[Math.round(delay * multiplier)] || 
            delayValues[delayValues.length - 1])
}

此解决方案与简单if语句之间的

JSPerf comparison表明它们在搜索中间值时的执行速度相同。

Answer 3

我认为这个问题的最佳解决方案是使用if语句编写一个基于时间选择最佳加速度的函数，如下所示：

function getAcceleration(time) {
    if (time < 0.20) return 1;
    if (time < 0.45) return 2;
    if (time < 0.75) return 4;
    if (time < 1.45) return 8;
    if (time < 3.50) return 16;
    return 32;
}

然而，这是一个静态的解决方案。如果你没问题，那么我建议你使用这种方法。另一方面，如果您需要动态解决方案，请改用：

var getAcceleration = createAccelerationMap(0.1, 0.3, 0.6, 0.9, 2.0, 5.0);

function createAccelerationMap(previous) {
    var length = arguments.length, limits = [];

    for (var i = 1; i < length;) {
        var current = arguments[i++];
        limits.push((previous + current) / 2);
        previous = current;
    }

    return function (time) {
        var length = limits.length, acceleration = 1;

        for (var i = 0; i < length;) {
            if (time < limits[i++]) return acceleration;
            acceleration *= 2;
        }

        return acceleration;
    };
}

无论哪种方式，您都可以使用getAcceleration，如下所示：

console.log(getAcceleration(0));          // 1
console.log(getAcceleration(0.33));       // 2
console.log(getAcceleration(0.64));       // 4
console.log(getAcceleration(1.42));       // 8
console.log(getAcceleration(3.14));       // 16
console.log(getAcceleration(123456.789)); // 32

请参阅演示：http://jsfiddle.net/QepT7/

Answer 4

如果0.1是秒数，并且您希望舍入到1位小数，则可以执行以下操作：

// 0.42332 * 10 = 4.2332 
// Math.round( ) will be 4
// 4 / 10 = 0.4
acc[ (Math.round(this._delay * 10) / 10).toString() ]

Answer 5

var seconds = this._delay.toString().substring(0,2)

console.log(acc[seconds]);

这是你问题的直接方法：首先我将浮点数转换为字符串，然后我将第三个字符后的所有内容都删掉。

Answer 6

你在使用哪些单位？

this._startTick = (new Date()).getTime();
//       ms     =                 ms

this._delay = (new Date()).getTime() - this._startTick;
//     ms   =                 ms     -       ms

所以从毫秒到达"0.1" / etc我假设你在做

(Math.floor(ms / 100) / 10).toString();

为什么不将所有内容保存在ms/100中，以便您可以使用整数？

var acc = [];
acc[ 1] =  1;
acc[ 3] =  2;
acc[ 6] =  4;
acc[ 9] =  8;
acc[20] = 16;
acc[50] = 32;

然后你可以像这样创建一个“最近的”查找函数

function find(x) {
    var i = 0;
    x = x | 0; // The | 0 will cause a cast to int
    if (x < 0) x = 0;
    if (acc[x] !== undefined) return acc[x];
    if (x > acc.length) return acc[acc.length - 1];
    while (++i < acc.length) {
        if (acc[x - i] !== undefined) return acc[x - i];
        if (acc[x + i] !== undefined) return acc[x + i];
    }
}
find(this._delay / 100);

现在的例子是

find(30);    // 16
find(100.5); // 32
find(0);     //  1

在数组中，如何找到给定浮点值的最近键？

6 个答案: