javascript - Vue.js - 将对象转换为具有键和值的对象数组

标签 javascript vue.js vuejs2 vue-component

如何将此对象格式化为对象数组

const failed = { 
  "4579043642": "Lodge with set number '4579043642' exists!",
  "4579043641": "Lodge with set number '4579043641' exists!",
  "4579043640": "Lodge with set number '4579043640' exists!",
}
到这个预期的输出
[
  {
    "fieldName": "4579043642",
    "message": "set number '4579043642' exists!"
  },
  {
    "fieldName": "4579043641",
    "message": "set number '4579043641' exists!"
  },
  {
    "fieldName": "4579043640",
    "message": "set number '4579043640' exists!"
  }
]
data() {
  return {
    formattedList: [],
  };
},
我尝试过使用这种格式进行转换;

uploadFeedbackReject: {
  handler: function(newFeed) {
    if (failed) {
        this.formattedList = [response.failed];
      }
  },
  immediate: true,
  deep: true,
},

我需要帮助。
谢谢。

最佳答案

这很好用

const failed = {
  4579043642: "Lodge with set number '4579043642' exists!",
  4579043641: "Lodge with set number '4579043641' exists!",
  4579043640: "Lodge with set number '4579043640' exists!",
};

const arrayFailed = Object.entries(failed).map((arr) => ({
  fieldName: arr[0],
  message: arr[1],
}));

console.log(arrayFailed);

关于javascript - Vue.js - 将对象转换为具有键和值的对象数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63743604/

相关文章:

javascript - 从链接中删除点击事件并恢复默认行为

vue.js - 如何在渲染函数中实现 `v-model`?

javascript - 在提交表单 Vue.js 时显示 Flash 消息

javascript - Vue 计算方法未被调用

javascript - React JS - 带有数据切换的链接不会重定向到 url

javascript - 无法通过 props 传递/访问数组索引

javascript - 抑制 css 样式

javascript - 如何摆脱表行标题重复?

typescript - @Watch装饰器未激活

javascript - Vue 插件,添加获取数据的全局组件