Return the values of an object inside of array

Question

I am trying to return a value of an objects that are inside of an array.

const bugSchema = new Schema({
title: {
    type: String,
    required: true
},
 comments:[
    {
        user:{
            type: String,
            required: true
        },
        content: {
            type: String,
            required: true
        }
    }
]

});

I have tried the following function but it does not return anything.

    <% for (bug of bugs) { %>
                        <ion-card>
                            <ion-card-header>
                                <ion-card-title><%= bug.comments.filter(function (value) { value.content }) %></ion-card-title>

                            </ion-card-header>
                            <ion-card-content>

                            </ion-card-content>
                        </ion-card>

                    <% } %>

However I can return an array but it returns the entire objects rather than value of each one.

          <% for (bug of bugs) { %>
                        <ion-card>
                            <ion-card-header>
                                <ion-card-title><%= bug.comments %></ion-card-title>

                            </ion-card-header>
                            <ion-card-content>

                            </ion-card-content>
                        </ion-card>

                    <% } %>

The screenshot below shows how the object looks like

What I am expecting to achieve is to create a ion-card populated with comment's content.

can you share sample bug object?

artfulbeest
– artfulbeest

2019-11-28 15:01:31 +00:00
Commented Nov 28, 2019 at 15:01 — artfulbeest
– artfulbeest, Commented Nov 28, 2019 at 15:01

IamAshKS · Accepted Answer · 2019-11-28 15:22:24Z

1

I think this shall work:

<% for (bug of bugs) { %>
  <% for (comment of bug.comments) { %>
    <ion-card>
      <ion-card-header>
        <ion-card-title>
          <%= comment.user %>
        </ion-card-title>
      </ion-card-header>
      <ion-card-content>
        <%= comment.content %>
      </ion-card-content>
    </ion-card>
  <% } %>
<% } %>

edited Nov 28, 2019 at 15:22

answered Nov 28, 2019 at 15:16

IamAshKS

8336 silver badges16 bronze badges

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

Comments

Stan Loona · Accepted Answer · 2019-11-28 15:23:06Z

0

<% bugs.forEach(function(elem) { %>
    <ion-card>
        <ion-card-header>
            <ion-card-title><%= elem.content %></ion-card-title>

        </ion-card-header>
        <ion-card-content>

        </ion-card-content>
    </ion-card>
<% }) %>

This should work, I haven't tested it. Keep in mind that Array.filter returns an array with elements that pass a condition. If you want to iterate all the elements do Array.forEach.

EDIT

Working example:

const ejs = require("ejs");

let post = {
    _id: 123,
    title: "Comments",
    description: "...",
    date: "...",
    time: 15.2,
    assignedTo: "Elon Musk",
    status: "open",
    comments: [
        {
            user: "Elon",
            content: "Test1"
        },
        {
            user: "Elon2",
            content: "Test2"
        }
    ]
};

let render = ejs.render(
    "<% bugs.forEach(function(elem) { %><ion-card><ion-card-header><ion-card-title><%= elem.content %></ion-card-title></ion-card-header><ion-card-content></ion-card-content></ion-card><% }) %>",
    { bugs: post.comments }
);

console.log(render);

//render -> <ion-card><ion-card-header><ion-card-title>Test1</ion-card-title></ion-card-header><ion-card-content></ion-card-content></ion-card><ion-card><ion-card-header><ion-card-title>Test2</ion-card-title></ion-card-header><ion-card-content></ion-card-content></ion-card>

bugs should be post.comments.

edited Nov 28, 2019 at 15:23

answered Nov 28, 2019 at 14:56

Stan Loona

7351 gold badge10 silver badges22 bronze badges

4 Comments

Matt Over a year ago

Actually it does not. Returns an error "Cannot read property "for Each" of undefined"

Stan Loona Over a year ago

@HalfMartianHalfHuman How are you populating the variable "bugs"? It should be an array of comments.

Matt Over a year ago

I have posted a sample bug object populated with comments and the object schema. You can have a look on that

Stan Loona Over a year ago

@HalfMartianHalfHuman Provided working example. However you name the variable (I named it as "bugs") should point to post.comments / your object.

Collectives™ on Stack Overflow

Return the values of an object inside of array

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related