Looping through data array properties in VueJS

Question

In vuejs you can do list rendering in the template like

<td v-for="item in items"></td>......

But can you iterate over that same data array property like....

for(var i = 0; i < this.items.length; i++)
 this.$data.items[i]

Unclear what you are asking. If items is an array, of course, you can iterate over it, but this.$data.items[i] should be this.items[i]. — Gerard Reches
– Gerard Reches, Commented Nov 29, 2016 at 11:17
Please add more details, on what are you trying to do, what error you are getting. — Saurabh
– Saurabh, Commented Nov 29, 2016 at 13:35

GuyC · Accepted Answer · 2016-11-29 11:21:26Z

2

yes

Just don't worry about the this.$data.items, instead this.items, although it would also work ...

answered Nov 29, 2016 at 11:21

GuyC

6,6141 gold badge35 silver badges45 bronze badges

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

Comments

Aurélien · Accepted Answer · 2018-09-27 19:22:04Z

2

this post is quite old, but this can be useful to anyone who wants to iterate into an array of object.

Instead of:

for(var i =0; i < this.items.length; i++) {
  console.log(this.items[i]);
}

You can do this a little bit more concisely and more readable (in my opinion):

this.items.forEach((item) => {
  console.log(item);
})

answered Sep 27, 2018 at 18:27

Aurélien

1,6552 gold badges21 silver badges36 bronze badges