JavaScriptのswitch文の速度はブラウザの違いでこんなにも差があった。 - 風と宇宙とプログラム

はじめに JavaScriptのswitch文は、CやJavaと異なりcaseのところに任意の式が書けるため、実行時にcaseの式も評価されるので基本的にはif-else文の並びと類似のものになります。つまり、caseの数に応じてパフォーマンスも低下すると予想されます。本当にそうなのか確認してみました。 測定した各ブラウザのバージョンは以下の通りです。 Firefox Chrome Safari Opera IE 3.5.6 4.0.249.30 4.0.4 (531.21.10) 10.10 8.0.6001 caseが数値リテラルの場合 パフォーマンスを測定するテストコードは下記のような簡単なものです。caseが1000個あるswitch文を10万回繰り返して実行したときの時間を測定しました。perf_test()関数の引数ｖに与える値に応じてcaseの条件で一致する場所が変わります。

[ahmok]

Fxって、あんがい速いんだね

[matsnow]

Firefox速いなあ。逆にIEは遅すぎる。。。

[sunsuk7tp]

javascript

[TAKESAKO]

JavaScriptのswitch文の速度はブラウザの違いでこんなにも差があった

[miya2000]

Opera の const は const じゃな

[mollifier]

switch は使わないので関係ない。switch を使うのはたいていの場合間違いだと思っている

[psychedesire]

Fxすごいなー。出来る子っ！

[t_43z]

Firefoxすごいな

[khiker]

case

[colspan]

Hangul IMEも気をつけよう

[adsty]

caseの内容をいろいろ変えて比較。

[tyru]

JSのswitch文のcaseはelse ifと同じらしい/ただFirefoxとSafariは定数の時はちゃんとディスパッチテーブル作ってくれる？

[gabill]

意外と優秀なFirefox。

[reachout]

Firefox優秀だなー、IEのうんこ加減ももの凄いが・・・ / 何にしろIEの絶対数が多いので巨大switch文自体使うべきでないと言うことになるな・・・

[tarchan]

「IEはFirefoxより１万７千倍遅い」／id:nabeso ChromeのJavaScriptエンジンは独自実装ですよ

[nabeso]

chromeとsafariの違いは何？webkit同士のはずなんだけど。/id:tarchan 了解です。chromeはV8エンジンでしたね

[gothedistance]

すげぇなぁ

[JULY]

JIT コンパイラによる最適化による効果、というのが分かりやすい例ですね。まぁ、どんな処理系でも得手不得手は付き物だから、逆に IE8 はこんなケースが早い、というのがあるとおもしろいね。

[raimon49]

Chrome, Opera, IE→if と同様の式評価。事前に条件をハッシュに仕込んでおくと速いとよく言われてるのはこの辺なのかな。

[akhr2501]

switch文を使用したときのブラウザ毎のJavaScriptのパフォーマンス比較。こんなコードはあまり書かないだろうと思うけど、参考までに。

[coppieee]

自動生成するにしてもswitch文を使わずにハッシュマップ使えばいいんじゃね？

[Yuichirou]

他のアプローチとも比較されると良いかも（ハッシュテーブルを作るとか）。

[lizy]

10万回繰り返すような場面以外は気にしない、ということで

[hisasann]

caseが文字列の場合IEはFirefoxより１万７千倍遅い