How to array of objects in template ejs?

Question

I have a results variable that is an array of objects. I carry the results variable from my javascript file to my main route file. I am trying to render my page to display lists of each object in my template ejs file. I am able to list everything fine, but the lists are coming out as [object object] instead of the actual words that are in the objects. How do I get this to display as strings in my template file?

This is my route file:

app.get('/announcement', function(req,res){
        var getAnnouncements = require('../public/javascripts/announcement.js'); //Load the module, get the name of the script file

        //define the functions here
        var onSpreadsheetSuccess = function (results) { //result is announcementArray

            //add results list to template);
            res.render('announcement', {title: "Announcement page", results: results});

        }

        getAnnouncements.loadSheet(onSpreadsheetError, onSpreadsheetSuccess); //call the function from script with the parameters passed

})

This is what I am doing in my template ejs file:

<ul>
    <% results.forEach(function(result){ %>
        <li><%= result %></li>
    <%  }); %>
</ul>

Did you solve this? I am facing similar issue!!! I am getting array not defined error while running — Jayna Tanawala
– Jayna Tanawala, Commented May 21, 2020 at 2:38

Araoz · Accepted Answer · 2017-10-07 01:41:27Z

9

<ul>
    <% for(var i=0; i<results.length; i++) { %>
        <li>
            <%= results[i] %>
        </li>
    <% } %>
</ul>

answered Oct 7, 2017 at 1:41

Araoz

1831 silver badge5 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

SpringerJerry Over a year ago

This is a nice solution, but how would you show just one field of that object instead of showing the entire object? I am struggeling with that.

Temuujin Dev · Accepted Answer · 2020-08-22 11:24:50Z

9

This will show list of id of your results, just change _id by your property of objects as you want to show.

 <ul> 
  <% results.map((result)=>{ %>
    <li>
        <%= result._id %>
    </li>
  <% }) %>
 </ul>

edited Aug 22, 2020 at 11:24

answered Sep 1, 2018 at 21:41

Temuujin Dev

1,0192 gold badges12 silver badges23 bronze badges

Comments

James KR · Accepted Answer · 2016-11-27 03:14:53Z

6

My answer is as follows. I changed one line from the answer by other person.

<ul>
<%for (var result in results){%>
  <li><%=result%>:<%=results[result]%></li>    
  <%}%>
</ul>

answered Nov 27, 2016 at 3:14

James KR

591 silver badge2 bronze badges

Comments

Dharman · Accepted Answer · 2022-03-30 22:25:56Z

1

You should be fine with this:

<ul>
<% for(let i = 0; i < results.length; i++){ %>
    <li><%= results[i].title %></li>
<% } %>
</ul

or when you rather like to use the forEach:

<ul>
<% results.forEach( function (result) { %>
    <li><%= result.title %></li>
<% }) %>
</ul

the object you push(ed) into your array:

const result = {
 title: anyTitle,
 input: anyInput
}

edited Mar 30, 2022 at 22:25

Dharman♦

33.9k27 gold badges105 silver badges157 bronze badges

answered Mar 30, 2022 at 19:07

VebDav

1348 bronze badges

Comments

exp · Accepted Answer · 2022-03-20 10:49:26Z

0

With modern JS it can be simplified to

<ul>
    <% for (var result of results) { %>
        <li>
            <%= result %>
        </li>
    <% } %>
</ul>

answered Mar 20, 2022 at 10:49

exp

5306 silver badges13 bronze badges

Comments

rxjmx · Accepted Answer · 2015-03-22 14:31:54Z

-2

Try this:

<ul>
     <%for (var result in results){%>
                <li><%=result%></li>    
        <%}%>
</ul>

edited Mar 22, 2015 at 14:31

answered Mar 22, 2015 at 13:37

rxjmx

2,1791 gold badge13 silver badges22 bronze badges

1 Comment

nehas Over a year ago

This gave me the same result.

Collectives™ on Stack Overflow

How to array of objects in template ejs?

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related