[英]Vue.js - Convert objects to Array of Objects with a key and value
如何将此对象格式化为对象数组
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 formerList = { "4579043642": "Lodge with set number '4579043642' exists!", "4579043641": "Lodge with set number '4579043641' exists!", "4579043640": "Lodge with set number '4579043640' exists!", } let a = [] for (f in formerList) { a.push({ fieldName: f, message: formerList[f] }) } console.log(a)
或映射对象字段:
const formerList = { "4579043642": "Lodge with set number '4579043642' exists!", "4579043641": "Lodge with set number '4579043641' exists!", "4579043640": "Lodge with set number '4579043640' exists!", } let a = [] a = Object.keys(formerList).map((field) => { return { fieldName: field, message: formerList[field] } }) console.log(a)
这很好用
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);
您可以使用 Object.keys() 遍历对象并获取值和名称,推入一个对象,然后推入数组。
let obj = {
alice: "asdf",
bob: 3,
charles: 98.67
}
let arr = [];
for(let i=0; i<Object.keys(obj).length; i++){
// Get the name and value of the old object
let name = Object.keys(obj)[i];
let value = obj[name];
// Create the new object
let newObj = {
fieldName: name,
message: value
}
// Push the new object into the array of objects
arr.push(newObj);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.