Web標準化時代のJavaScript

シリアルサーチと正規表現の速度比較

indexOf()とRegExp()の速度比較です。文字列の一番最後にあるXYZの文字にマッチするまでの速度を比較しています。
テストマシンはPower Mac G5 (2GHzx2、メモリ4GB)、WindowsはXP SP2 (3.0GHz、768MB) で行っています。動作速度は何度かリロードした場合の値になっています。また、動作速度は環境により異なるので、あくまでも参考程度にしてください。
サンプル1を実行
サンプル2を実行
OSブラウザindexOf (msec)正規表現 (msec)
MacOS X (10.4.7)Safari 2.0.422506350
MacOS X (10.4.7)Firefox 1.5.0.46702173
MacOS X (10.4.7)Opera 9.04801860
Windows XP SP2Internet Explorer 63281350
Windows XP SP2Firefox 1.5.0.44531828
Windows XP SP2Opera 9.02501150
【サンプル1】
■HTMLファイル
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script type="text/javascript" src="test.js"></script>
<title>Sample</title>
</head>
<body>
<p>JavaScript Speed Test</p>
<div id="outputArea"></div>
</body>
</html>

■スクリプトファイル (test.js)
window.onload = function() {
var num = 100000;
srcText = "JavaScript Search/RegExp Sample, JavaScriptによるシリアルサーチ検索/正規表現のサンプル, XYZ";
s = (new Date()).getTime();
for (var i=0; i<num; i++) {
n = srcText.indexOf("XYZ");
}
e = (new Date()).getTime();
alert(e-s);
}
【サンプル2】
■HTMLファイル
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script type="text/javascript" src="test.js"></script>
<title>Sample</title>
</head>
<body>
<p>JavaScript Speed Test</p>
<div id="outputArea"></div>
</body>
</html>

■スクリプトファイル (test.js)
window.onload = function() {
var num = 100000;
srcText = "JavaScript Search/RegExp Sample, JavaScriptによるシリアルサーチ検索/正規表現のサンプル, XYZ";
s = (new Date()).getTime();
for (var i=0; i<num; i++) {
n = srcText.match(/XYZ/);
}
e = (new Date()).getTime();
alert(e-s);
}