基于if-else，switch或map的调节的性能

我想知道以下JavaScript中条件结构实现的性能。

方法1：

 if(id==="camelCase"){
    window.location.href = "http://www.thecamelcase.com";
}else if (id==="jsFiddle"){
    window.location.href = "http://jsfiddle.net/";
}else if (id==="cricInfo"){
    window.location.href = "http://cricinfo.com/";
}else if (id==="apple"){
    window.location.href = "http://apple.com/";
}else if (id==="yahoo"){
    window.location.href = "http://yahoo.com/";
}           

方法2：

switch (id) {
case 'camelCase':
    window.location.href = "http://www.thecamelcase.com";
    break;
case 'jsFiddle':
    window.location.href = "http://www.jsfiddle.net";
    break;
case 'cricInfo':
    window.location.href = "http://www.cricinfo.com";
    break;
case 'apple':
    window.location.href = "http://www.apple.com";
    break;
case 'yahoo':
    window.location.href = "http://www.yahoo.com";
    break;

}

方法3

var hrefMap = {
camelCase : "http://www.thecamelcase.com",
jsFiddle: "http://www.jsfiddle.net",
cricInfo: "http://www.cricinfo.com",
apple: "http://www.apple.com",
yahoo: "http://www.yahoo.com"
};
window.location.href = hrefMap[id];

方法4

window.location.href = {
    camelCase : "http://www.thecamelcase.com",
    jsFiddle: "http://www.jsfiddle.net",
    cricInfo: "http://www.cricinfo.com",
    apple: "http://www.apple.com",
    yahoo: "http://www.yahoo.com"
}[id];

方法3和4可能具有几乎相同的性能，但只是发布以进行确认。

根据此JSBen.ch测试，switch设置是所提供方法（Firefox 8.0和Chromium 15）中最快的。

方法3和方法4的速度稍慢，但几乎没有引起注意。显然，if-elseif方法要慢得多（FireFox 8.0）。

在Chromium 15中进行的相同测试并未显示这些方法之间的性能差异。实际上，if-elseif方法似乎是Chrome中最快的方法。

更新资料

我再次运行了测试用例，另外还有10个条目。hrefmap（方法3和4）显示出更好的性能。

如果要在函数中实现compare方法，则方法3绝对会取胜：将映射存储在一个变量中，并在以后引用此变量，而不用重新构造它。

您总是可以自己进行jsPerf测试。但是，通常，查找表是访问数据的最快方法。那将是您的摘要中的（3）。此外，switch/case几乎总是比快if-else。因此，您的示例的顺序是

（3） -> （4） -> （2） -> （1）

只是以为我会将此作为可能的考虑因素。我在做这个问题的研究时遇到了这个问题…… http://davidbcalhoun.com/2010/is-hash-faster-than-switch-in-javascript

它考虑了不同的引擎和浏览器。