ループ処理 直書き どちらが早い

Question

同じ処理をループと直書きでやるならどちらが早いですか？
加算処理を想定しています。

Comments

[miyabi_pudding]

処理の速さでしょうか？
それとも実装にかかる早さでしょうか？
（ロジック書く方が早いか、直書きの方が早いか）

また、処理のスピードならば、
数値の加算なのか、文字列の追加なのか、はたまたオブジェクト型の何かの計算にもよります。
（何百桁の数値だと、文字列として連結するのか数値で計算処理させるかでは、処理速度がかなり変わってしまう）

Answer 1

論理的には直書きの方が速いはずですが、たとえば１万回のループを
1万行書くとそれだけ読み込みに時間がかかり、メモリの消費も多いわけで
どちらが速いかは状況によるとしか言いようがありません

Answer 2

ジャスト・イン・タイム (JIT) コンパイラの短期集中コース

ジャスト・イン・タイム コンパイラ : 2つの世界の最も優れたもの

ジャスト・イン・コンパイラ(JIT)は、何度も同じ処理をする場合、そのコードを最適化します。

ループで処理した場合には最適化されやすくなるので、そちらの方が速くなる可能性があります。これはコードによるとしか言えません。

最適化を考えない場合、ループのためのイタレーションやカウント、条件分岐がループを使わない場合に比べて加わるので、ループの方が遅くなる可能性があります。

実際にはスピードが問題となるのは同じ処理を繰り返す数が多い場合だと思うので、ループを使う方がスピードに期待できるかもしれません。

それ以前に、大量の処理を並べて書くと読みにくくなるので、ループを使うのがいいと思います。

なお、for-in の場合には最適化されないことがあるという情報もあります。
JavaScriptを最適化コンパイルするために避けるべきこと

Answer 3

やってみました。
1から5000までの数字を連結してdocument.writeするコードです。
ループ処理はこちら
直書きはこちら
ウィンドウはjavascriptの処理時間をmsで表しています。

Comments

[kyoya0819]

処理が単純なのであまり大差はないですね

[yambejp]

直書きの方、ロジックがちょっとずるくないですか？
a = a+"1";
a = a+"2";
a = a+"3";
・・・
としないとフェアな比較にならないと思います

[kyoya0819]

なるほど
今すぐ修正しておきます と言いたいですけど文字列が長すぎるのでしばらくお待ちください。

[yambejp]

> 文字列が長すぎるのでしばらくお真緒ください

わざわざ文字起こしする必要はないと思います。

ちなみに単に文字列の加算をするなら配列からjoinするほうが速いでしょうね
document.write(Array(5000).fill(null).map((x,y)=>y+1).join(""));

[kyoya0819]

まぁ、直書きとループどちらが早いかという質問に対して文字列の連結だったら ですよってことなので...