farukaygun
farukaygun

Reputation: 318

Reformat JSON object

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")},
]

Upvotes: 0

Views: 43

Answers (1)

SpaceKatt
SpaceKatt

Reputation: 1411

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);

Upvotes: 1

Related Questions