[JavaScript] パフォーマンス改善（その2）
JavaScriptのパフォーマンス改善は効果があるのか、ブラウザ毎に計測してみました。（2018年12月現在）
今回は、他のWEBサイトに載っている全く効果のない改善パターンについて紹介します。
OS: Windows 10 Pro
Google Chrome: 70.0.3538.110
Mozilla Firefox: 63.0.3
Microsoft Edge: 42.17134.1.0
Microsoft Internet Explorer: 11.407.17134.0
Array.join()
Array.join()と文字列の結合の2つのやり方があります。
実際はそれほど実行速度は変わりません。
for (var i = 0; i < roopNum; i++) {
htmlArray.push('<div></div>');
}
html = htmlArray.join('');
for (var i = 0; i < roopNum; i++) {
html += '<div></div>';
}
Array.push()
Array.push()と配列の代入の2つのやり方があります。
実際はそれほど実行速度は変わりません。
for (var i = 0; i < roopNum; i++) {
html.push('<div></div>');
}
for (var i = 0; i < roopNum; i++) {
html[i] = '<div></div>';
}
Array.length
Array.length を変数にキャッシュする・しないやり方があります。
実際はそれほど実行速度は変わりません。
キャッシュするやり方は、ソースコードの可読性が落ちるので
素直にキャッシュしないやり方の方が良いと思います。
for (var i = 0; i < array.length; i++) {
array[i] = i;
}
for (var i = 0, len = array.length; i < len; i++) {
array[i] = i;
}
関数呼び出し
関数呼び出しする・しないやり方があります。
実際はそれほど実行速度は変わりません。
ソースコードの可読性が上がる書き方をすればよいと思います。
for (var i = 0; i < roopNum; i++) {
sum += square(i);
}
for (var i = 0; i < roopNum; i++) {
sum += i * i;
}
new
newを使用する・しないやり方があります。
実際はそれほど実行速度は変わりません。
ソースコードの可読性が上がる書き方をすればよいと思います。
for (var i = 0; i < roopNum; i++) {
var a = new Object();
}
for (var i = 0; i < roopNum; i++) {
var a = {};
}
try-catch
try-catchを使用する・しないやり方があります。
実際はそれほど実行速度は変わりません。
ソースコードの可読性が上がる書き方をすればよいと思います。
for (var i = 0; i < roopNum; i++) {
try {
a++;
} catch (e) { }
}
for (var i = 0; i < roopNum; i++) {
a++;
}
以上です。
関連記事
Author And Source
この問題について([JavaScript] パフォーマンス改善（その2）), 我々は、より多くの情報をここで見つけました https://qiita.com/yun_bow/items/084ad827038356c76725著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .