Reformat JSON object

Question

I have a object like this.

sliderArray: 
[
  "../assets/slides/1.jpg",
  "../assets/slides/2.jpg",
]

Can I reformat it like this in Vue?

sliderArray2: 
[
  {url: require("../assets/slides/1.jpg")},
  {url: require("../assets/slides/2.jpg")},
]

Yes you can. Use Array.prototype.map.

Terry
– Terry

2020-03-27 22:08:23 +00:00
Commented Mar 27, 2020 at 22:08 — Terry
– Terry, Commented Mar 27, 2020 at 22:08

SpaceKatt · Accepted Answer · 2020-03-27 22:09:02Z

1

This is easy to do with a map, which applies the same function to every element of an array

let obj = { sliderArray: [
    "../assets/slides/1.jpg",
    "../assets/slides/2.jpg",
  ]
};

function formatArray(a) {
  return a.map(x => { return { url: require(x) } });
}

obj.sliderArray = formatArray(obj.sliderArray);

answered Mar 27, 2020 at 22:09

SpaceKatt

1,45311 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

Reformat JSON object

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