how can I transform JSON file to Array on VUEjs?

Question

how it's possible to change the object like this:

data() .... emojiList: [];

methods: {
  //Generated by JSON file
  //{"sweat_smile":"😅","laughing":"😆","satisfied":"😆","innocent":"😇","smiling_imp":"😈","wink":"😉"};

  var emoji = emoji.emoji;

  this.emojiList = emoji;
}

but when I render only get the value, I'd like to make a new array with the previews, where I can set

{"name":"smile", "icon":"😅"}

can anybody understand me?

balexandre · Accepted Answer · 2020-05-20 03:58:13Z

2

if your input is

{"sweat_smile":"😅","laughing":"😆","satisfied":"😆","innocent":"😇","smiling_imp":"😈","wink":"😉"}

then you can simply do:

var input = { "sweat_smile":"😅", "laughing":"😆", "satisfied":"😆", "innocent":"😇", "smiling_imp":"😈", "wink":"😉" }

var output = []

Object
  .keys(input)
  .forEach(k => { 
     output.push({ name: k, icon: input[k] })
  })

console.log(JSON.stringify(output, null, 4))

answered May 20, 2020 at 3:58

balexandre

75.4k47 gold badges240 silver badges352 bronze badges

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

Collectives™ on Stack Overflow

how can I transform JSON file to Array on VUEjs?

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