質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
EJS

EJSは、JavaScript用のテンプレートエンジン。HTMLなどのテンプレートテキストにJavaScriptのロジックを記述することができます。また、変数・関数の実行をテンプレートテキスト内に埋め込むことも可能です。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

データベース

データベースとは、データの集合体を指します。また、そのデータの集合体の共用を可能にするシステムの意味を含めます

Q&A

0回答

1834閲覧

Node.jsでデータベースから取得した値を配列に代入したい。

ke-eng

総合スコア4

EJS

EJSは、JavaScript用のテンプレートエンジン。HTMLなどのテンプレートテキストにJavaScriptのロジックを記述することができます。また、変数・関数の実行をテンプレートテキスト内に埋め込むことも可能です。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

データベース

データベースとは、データの集合体を指します。また、そのデータの集合体の共用を可能にするシステムの意味を含めます

0グッド

1クリップ

投稿2020/08/03 23:26

前提・実現したいこと

データベース(MySQL)から取得した値をejs内の配列に代入したいです。

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

TypeError: C:\Users\user\Desktop\sample\views\index.ejs:27 25| 26| <% const tangolist = [] %> >> 27| <% items.forEach((item)=>{%> 28| <% tangolist.push(item.tango);%> 29| <%});%> 30| items.forEach is not a function

該当のソースコード

app.js____________________________________________________ app.get('/index', (req, res) => { connection.query( 'SELECT * FROM tango' (error, results) => { console.log(results); res.render('index.ejs',{items: results}); } ); }); index.ejs________________________________________________ 26 <% const tangolist = [] %> 27 <% items.forEach((item)=>{%> 28 <% tangolist.push(item.tango);%> 29 <%});%> 30 31 <%for(let i = 0 ;i< 10;i++ ){%> 32 <%var r = Math.floor(Math.random() * tangolist.length);%> 33 <div class="box"><%=tangolist[r]%></div> 34 <%}%>

試したこと

エラー文の内容とindex.ejs側の27~29行目を削除することでエラーで落ちず画面を表示することができることから、itemsが配列orオブジェクトとして認識されていないのかなと考えています。

しかし、renderメソッド第2引数に{プロパティ : 値}と書くことで、EJS側に値をオブジェクトとして渡すことができると考えていたのでなぜ今回TypeErrorが出ているのかよくわかりません...。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問