やわらかテック読者になるやわらかテック興味のあること。業務を通して得られた発見。【JavaScript】連番の配列を生成する4つの方法と速度比較2021-11-18【JavaScript】連番の配列を生成する4つの方法と速度比較JavaScript連番の生成に関して意外と使用する頻度が高かったりします。1..10)のようなClassやデータ構造が定義されており、簡単に連番の配列を作成することが出来ます。連番の配列を簡単に生成するための機能が提供されていないので、一工夫してあげる必要があります。試して結果、4つの方法を思いつきました。内、1つはQiitaで紹介されたいた書き方なので元記事のURLを貼っておきます。以下、5000回の実行速度の平均速度の速かった順番に書き方を紹介していきます。実行速度の測定は実行開始前と実行終了後の単純な時間差を見ています。測定に使用したコードがこちらです。31)なお、実測を平等に行うために、全て関数として定義しています。5000シンプルにfor文を使った方法です。事前に定義した空配列に値を追加していきます。5000Qiitaで紹介されていた今回、最もスマートな記述です。5000過去のプロジェクトで自分が使った方法です。Qiitaで紹介されていた方法の劣化版ですね。速度も遅く、使う理由はあまりないかなと思います。5000再帰関数で書けないかなと思って、無理矢理書いた方法です。裏腹に可読性も悪く、速度も悪いという残念な結果となってしまいました。これが一番早いと思います。lst;};JavaScriptを書く人はfor文を異常に避ける方がいますが、この程度の処理だったら、for文で全然良いのかなと思います。参考になればと思います。31)再帰関数を三項演算子を使わずに、concatからpushに乗り換えて実装してみたら、めちゃくちゃ早くなりました。concatの処理が毎回、新しく配列を生成するので、かなりのボトルネックになっていたようです。仕事でJavaScriptを書くことが多くなりました。今回で第12回目の勉強会を開催致しました。22:23名古屋発のベンチャーでWEBアプリのバックエンドをメインに作っています。エンジニア育成やチームビルディングにもちょっとだけ携わっています。3はてなブログをはじめよう!takamizawa46さんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。