javascript アロー関数で配列データを取得するfor文を記述する

javascript アロー関数で配列データを取得するfor文を記述する

javascriptで、アロー関数で配列データを取得するfor文を記述するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

アロー関数で記述

アロー関数を使うと、以下のfor文をスッキリまとめて記述することが可能です。

以下のfor文を、

アロー関数を使用して短く記述することが可能です。

サンプルコード

以下は、
「実行」ボタンをクリックすると、ランダムな3個の配列を生成して、
アロー関数を使用して、フロントに表示する
サンプルコードとなります。

※cssには「bootstrap5」を使用してます。「bootstrap5」は、IEのサポートを終了してます。

表示されていることが確認できます。