Vue.js - 키와 값을 사용하여 객체를 객체 배열로 변환

Vue.js - 키와 값을 사용하여 객체를 객체 배열로 변환

이 개체를 개체 배열로 포맷하는 방법

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

오브젝트 필드를 루프하여 현재 속성을 필드명으로 하고 값을 메시지 속성으로 하는 개체를 푸시합니다.

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)

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

언급URL : https://stackoverflow.com/questions/63743604/vue-js-convert-objects-to-array-of-objects-with-a-key-and-value