Cannot read property 'forEach' of undefinedと出ます

Question

前提・実現したいこと

node.jsを使いsqlを取得し表示したいと思っています。
ejsでforEachを使おうとしたらCannot read property 'forEach' of undefinedというエラーが出ました。

発生している問題・エラーメッセージ

Cannot read property 'forEach' of undefined

該当のソースコード

<ul class="table-body">
    <% characters.forEach ((character) => { %>
      <li>
        <div class="item-data">
	        <span class="name-column"><%= character.name %></span>
	        <span class="nickName-column"><%= character.nickName %></span>
          <span class="gender-column"><%= character.gender.gender %></span>
          <span class="height-column"><%= character.height %></span>
          <span class="episode-column"><%= character.episode %></span>
          <span class="fruit-column"><%= character.characters.fruit %></span>
          <span class="fruitType-column"><%= character.fruit.fruit %></span>
          <span class="haki-column"><%= character.haki.haki %></span>
          <span class="race-column"><%= character.race %></span>
          <span class="ship-column"><%= character.ship %></span>
          <span class="belongA-column"><%= character.belongA %></span>
          <span class="belongB-column"><%= character.belongB %></span>
          <span class="belongC-column"><%= character.belongC %></span>
          <span class="belongD-column"><%= character.belongD %></span>
          <span class="birthM-column"><%= character.birthM %></span>
          <span class="birthD-column"><%= character.birthD %></span>
          <span class="blood-column"><%= character.blood.blood %></span>
          <span class="home-column"><%= character.home %></span>
          <span class="sea-column"><%= character.sea.sea %></span>
          <span class="love-column"><%= character.love %></span>
          <span class="hate-column"><%= character.hate %></span>
          <span class="price-column"><%= character.price %></span>
          <span class="measurementsB-column"><%= character.measurementsB %></span>
          <span class="measurementsW-column"><%= character.measurementsW %></span>
          <span class="measurementsH-column"><%= character.measurementsH %></span>
          <span class="marineClass-column"><%= character.marineClass.marineClass %></span>


        </div>
      </li>
     <% }) %>
   </ul>

試したこと

ejsの書き方の見本をみながら;をつけたりと試してみました。

補足情報（FW/ツールのバージョンなど）

Comments

[FKM]

ループをかけようとしている配列はcharactersで間違いないですか？

Answer 1

Cannot read property 'forEach' of undefined

このエラーは JavaScript では頻出するエラーです。意味はそのまま 「undefined の forEach というプロパティは読み込めない(存在しない)」ということで、forEachを呼び出しているオブジェクト(今回のケースだとcharacters)がundefinedになっているということです。

なぜcharactersがundefinedになっているのかは、提示されているソースだけでは判断できません。charactersの変数名をtypoしていないか？とか、条件によって値が代入されない場合がないか？等確認してみてください。