(cache) JavaScriptでマッチ文字列全置換はどうするのがいい？

JavaScriptのString オブジェクトの文字列置換メソッドであるreplaceは最初にマッチした文字列しか置換しません．

※str.replace('hoge', 'fuga', 'g')のようにgオプションを指定する方法はFirefoxのみのようです

「JavaScript 文字列置換全て」とかでググるとこちらのページが真っ先にヒットします．

このページによれば全置換する方法は以下の2つだとか．

1. 検索文字列を正規表現にしてグローバルマッチによる置換

var value="Hello World";
value.replace(/o/g, "*");

2. 検索文字列でsplitして置換文字列でjoinする

var value="Hello World";
value.split("o").join("*");

ふむふむ．っで，どっちが良いの？

どちらでも目的が達成できるのであれば，どうせなら高速な方を採用したいもの．

PHPではパフォーマンスを考慮すると，正規表現を使わなくてもよいものは使わないのが鉄則．

となると2が有力か？いや，でもsplitしてjoinってどうなの？？

そんなわけでどちらが良いのか検証してみました．

検証コード

var str1 = '"hoge"', str2 = '"hoge" "fuga" "foo" "bar"';

globalmatch(str1);    // (1)
splitjoin(str1);      // (2)

globalmatch(str2);    // (3)
splitjoin(str2);      // (4)

function globalmatch(str){
    alert(str.replace(/"/g, '\\"'));
    date = new Date;
    for (var i = 0; i < 100000; i++) str.replace(/"/g, '\\"');
    alert(new Date - date);
}

function splitjoin(str){
    alert(str.split('"').join('\\"'));
    date = new Date;
    for (var i = 0; i < 100000; i++) str.split('"').join('\\"');
    alert(new Date - date);
}

以下のURLにアクセスすると実行されます．

http://abicky.site90.com/test/replace.html

結果(ms)

Browser	(1)	(2)	(3)	(4)
IE 8	551	911	741	1692
IE 7	991	1692	1242	2855
IE 6	561	1322	762	2364
Firefox 3.6	160	248	369	487
Firefox 3.5	182	448	555	994
Chrome 4	123	373	397	1032
Safari 4	185	246	356	484
Opera 10	3174	781	8642	1882