STUDY MEMO

勉強した内容をアウトプットしていきます。

<javascript ES6> 配列.length

配列変数.lengthで、配列の要素数を取得できる。

今回はhtml内にjsを埋め込んだ形の例。

(htmlでwebページに反映させるため、console.log()ではなく、document.write()を使用)

 

例:

<!DOCTYPE html>
<html lang="ja">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
 </head>
 <body>

  <script>
   const animals = ["dog","cat","rabbit"]

   for(let i = 0; animals.length>i;i++){

    document.write(animals[i]+ " ");
   }
  </script>


 </body>
</html>

 

 

→結果

forでanimals配列の配列数は3であるので、3回繰り返されて以下のようになる。

f:id:kabacho23:20200901005212p:plain