Iterating object array within object - javascript?

Question

I know iteration has been covered before - I'm usually pretty ok with it but struggling this time.

I have the following information I'm trying to loop through:

Object { leaving: object { all: array[10] } }

I can quite easily return a single result by returning:

 var html = '<p>' + news.leaving.all[0].departure_time + '</p>';

But when I try to loop:

    var html = "";
    var i;
    for (i = 0; i < news.length; i++) {                
        html +=
        '<p>' + news[i].leaving.all.departure_time '</p>';
     }

I get nothing…

Any help with this will be great.

Thanks

Is news the Object you wrote at the top? What is its length property? (Clue: it looks to me like it doesn't have one.) Also you should consider using forEach for arrays. — daphtdazz
– daphtdazz, Commented Jun 8, 2017 at 9:53
news is not an array, news.leaving.all is. Question is a simple matter of typo, unlikely to be useful to future visitors — Alex
– Alex, Commented Jun 8, 2017 at 9:53

ykay says Reinstate Monica · Accepted Answer · 2017-06-08 09:55:49Z

3

It looks like you need

'<p>' + news.leaving.all[i].departure_time '</p>';

rather than

 '<p>' + news[i].leaving.all.departure_time '</p>';

and change also

for (i = 0; i < news.length; i++) {

to

for (i = 0; i < news.leaving.all.length; i++) {

edited Jun 8, 2017 at 9:55

answered Jun 8, 2017 at 9:52

ykay says Reinstate Monica

4,9224 gold badges35 silver badges44 bronze badges

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

2 Comments

webcreator25 Over a year ago

Thanks @ykay … I tried that earlier but it didn't work either…

Dellirium Over a year ago

probably because yo uare looking at new.length which should also be switched

Eytibi · Accepted Answer · 2017-06-08 10:10:26Z

2

You also have to iterate over the "all" member:

var html = "";
for (var i = 0; i < news.leaving.all.length; j++) {                
   html +=
   '<p>' + news.leaving.all[i].departure_time '</p>';
}

edited Jun 8, 2017 at 10:10

answered Jun 8, 2017 at 9:53

Eytibi

5456 silver badges12 bronze badges

Comments

Yosvel Quintero · Accepted Answer · 2017-06-08 10:49:40Z

1

You can use Array.prototype.forEach() to iterate over the array news.leaving.all.

Code example:

var news = {leaving: {all: [{departure_time: '01:00'},{departure_time: '02:00'},{departure_time: '03:00'}]}},
    html = "";
    
news.leaving.all.forEach(function (n) {
  html += '<p>' + n.departure_time + '</p>';
});

console.log(html);

edited Jun 8, 2017 at 10:49

answered Jun 8, 2017 at 10:02

Yosvel Quintero

19.1k5 gold badges39 silver badges47 bronze badges

Comments

PeterMader · Accepted Answer · 2017-06-08 09:55:05Z

0

You have to loop over news.leaving.all:

// Let's say this is our data
var news = {
  leaving: {
    all: [{
      departure_time: '01:00'
    },
    {
      departure_time: '02:00'
    },
    {
      departure_time: '02:00'
    }]
  }
};

var html = "";
var i;
for (i = 0; i < news.leaving.all.length; i++) {                
  html += '<p>' + news.leaving.all[i].departure_time + '</p>';
 }
     
console.log(html);

answered Jun 8, 2017 at 9:55

PeterMader

7,3352 gold badges24 silver badges32 bronze badges

Collectives™ on Stack Overflow

Iterating object array within object - javascript?

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related