3

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

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。

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

4

6 回答 6

2

这是 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));

输出：

1
2
16
32

=== 更新 ===

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

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];
        }
    };
}());
于 2013-08-28T14:59:51.580 回答
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：

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])
}

此解决方案与简单语句之间的JSPerf 比较if表明，它们在搜索中间值时执行同样快。

于 2013-08-28T15:50:23.953 回答
1

以我的拙见，我认为这个问题的最佳解决方案是编写一个函数，该函数根据使用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/

于 2013-08-28T17:17:17.373 回答
0

如果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() ]
于 2013-08-28T14:50:39.050 回答
0 
var seconds = this._delay.toString().substring(0,2)

console.log(acc[seconds]);

这是您问题的直接方法：首先我将浮点数转换为字符串，其次我切断了第三个字符之后的所有内容。

于 2013-08-28T14:53:56.707 回答
0

你用的是什么单位？

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
于 2013-08-28T15:01:21.103 回答