javascript for ofを使って配列をフロントに表示する

javascript for ofを使って配列をフロントに表示する

javascriptで、for ofを使用して、配列内の全てのデータを抽出してフロントに表示するするサンプルコードを記述してます。

環境

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

for of使い方

for ofを使用すると、配列内の全てのデータを抽出することが可能です。

サンプルコード

以下は、
「表示」ボタンをクリックすると、ランダムに生成した5個の配列をfor-ofで抽出して表示する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

配列のデータを全て抽出して表示していることが確認できます。