Supleks Dot Com

まずは可能性の少ないもの順で条件を指定してみます。

function test1 () {
	var rnd = Math.random();
	var result = 0;
	if (rnd < 0.01) {
		result = 1;
	} else if (rnd < 0.02) {
		result = 2;
	} else if (rnd < 0.04) {
		result = 3;
	} else if (rnd < 0.08) {
		result = 4;
	} else if (rnd < 0.16) {
		result = 5;
	} else {
		result = 6;
	}
}

そして可能性の高いもの順で条件を指定してみます。

function test2 () {
	var rnd = Math.random();
	var result = 0;
	if (rnd >= 0.16) {
		result = 6;
	} else if (rnd >= 0.08) {
		result = 5;
	} else if (rnd >= 0.04) {
		result = 4;
	} else if (rnd >= 0.02) {
		result = 3;
	} else if (rnd >= 0.01) {
		result = 2;
	} else {
		result = 1;
	}
}

これら二つの関数を100万回呼び出した際にかかった時間はこちら。

多かれ少なかれtest2の方が高速ですね。可能性の高い事が予想される条件は、上の方に持っていった方が良さそうです。

まずはシンプルな連結から。

function test1 () {
	var str = '';
	str += 'こんにちは。';
}

次に文字列を長くしてみました。

function test2 () {
	var str = '';
	str += 'おはようございます。こんにちは。こんばんは。ありがとうございます。おやすみなさい。';
}

文字列を2つに分割してみました。

function test3 () {
	var str = '';
	str += 'おはようございます。こんにちは。こんばんは。' + 'ありがとうございます。おやすみなさい。';
}

さらに細かく文字列を分割してみました。

function test4 () {
	var str = '';
	str += 'おはようございます。' + 'こんにちは。' + 'こんばんは。' + 'ありがとうございます。' + 'おやすみなさい。';
}

最後に分割した文字列を1つずつ連結してみました。

function test5 () {
	var str = '';
	str += 'おはようございます。';
	str += 'こんにちは。';
	str += 'こんばんは。';
	str += 'ありがとうございます。';
	str += 'おやすみなさい。';
}

これらの関数を100万回呼び出した時の時間が以下の通りです。

Firefox以外のブラウザでは連結数を多くするほど遅くなりますね。またFirefoxやSafariでは行を分けて連結すると遅くなってしまうようです。スクリプトの見やすさとの兼ね合いもあると思いますが、無駄に分割して連結している箇所は一つにまとめた方が良さそうです。