如何在 VUEjs 上将 JSON 文件转换为数组？

【问题标题】：how can I transform JSON file to Array on VUEjs?如何在 VUEjs 上将 JSON 文件转换为数组？
【发布时间】：2020-09-06 07:52:20
【问题描述】：

如何像这样改变对象：

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

methods: {
  //Generated by JSON file
  //{"sweat_smile":"????","laughing":"????","satisfied":"????","innocent":"????","smiling_imp":"????","wink":"????"};

  var emoji = emoji.emoji;

  this.emojiList = emoji;
}

但是当我渲染只获取值时，我想用预览创建一个新数组，我可以在其中设置

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

有人能理解我吗？

【问题讨论】：

标签： arrays json vue.js

【解决方案1】：

如果你的输入是

{"sweat_smile":"?","laughing":"?","satisfied":"?","innocent":"?","smiling_imp":"?","wink":"?"}

那么你可以简单地做：

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

【讨论】：