Create data array with loop in vue

Question

I have this data array holding repetitive item in the component:

data () {
datasets: [ {
        text: "",
        value:[ {
          x: "",
          y: "",
          type: 'bar'
        }]
        },
          {
        text: "",
        value: [{
          x: "",
          y: "",
          type: 'bar'
        }]
        },
        {
        text: "",
        value: [{
          x: "",
          y: "",
          type: 'bar'
        }]
        }
]
}

As you can see those are the same items. Is it possible to set this data like

datasets:[ {
        text: "",
        value:[ {
          x: "",
          y: "",
          type: 'bar'
        }]
        } * 3 ]

Instead of hardcoding it several times?

Estus Flask · Accepted Answer · 2020-02-19 08:39:41Z

3

It is:

datasets: Array(3).fill().map(() => ({
  text: "",
  value:[ {
    x: "",
    y: "",
    type: 'bar'
  }]
}))

In case elements are guaranteed to be read-only and can benefit from holding a reference to the same object, it can be:

datasets: Array(3).fill({
  text: "",
  value:[ {
    x: "",
    y: "",
    type: 'bar'
  }]
})

answered Feb 19, 2020 at 8:39

Estus Flask

226k79 gold badges478 silver badges620 bronze badges

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

Collectives™ on Stack Overflow

Create data array with loop in vue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related