如何将ejs变量传递给javascript？

Question

I cannot transfer ejs variable to javascript. I have a for in ejs:

<% for(var i=0; i < lyrics.length; i++) {%>
            <!--MELODIE-->

            <br>

            <%= lyrics[i].texte %> 

and I want to log in browser lyrics[i].texte variable. I tried var a = <%= lyrics[i].texte %>; but it didn't worked. I also tried to to set in ejs <% v1= lyrics[i].texte ; %> <% v1= lyrics[i].texte ; %> and to set js var equal to v1 but it didn't worked again. I have to convert lyrics[i].texte into a js variable.

I think that the problems came from .texte after name of var (texte is the name of column in database and it's a string). I store in it a poesy. And when i use a standard var (like <%var = 30%>) it runs ok in js transfer. Thanks for the help!

Answer 1

First you have to stringify your var because is an array. Use var myVar = <%-JSON.stringify(ejsVar)%>; to fix your problem.

Now you can use myVar in javascript.

Answer 2

<% lyrics.forEach(lyric=> { %>
<li class="<%=lyric.texte %>"><%=lyric.texte %></li>
<% }); %>

here is the code for looping lyrics , if you want to access a specific lyric.texte , you have to make document.querySelector(".className"); in your javascript file.