如何將對象轉換為對象數組

Question

我有以下對象：

let categories = {
  "Asset Type": ["appliances", "electronics"],
  "Asset Availability": ["in stock"]
}

我需要將其轉換為以下結構：

[
   {
     "name": "Asset Type",
     "values": ["Appliances", "Electronics"]
    }, 
    {
      "name": "Asset Availability",
      "values": ["In Stock"]
    }
]

Answer 1

使用Object.entries ， array.prototype.map和一些destructuring ：

 var categories = { "Asset Type": ["appliances", "electronics"], "Asset Availability": ["in stock"] }; var res = Object.entries(categories).map(([name, values]) => ({name, values})); console.log(res); 

Answer 2

 const categories = { "Asset Type": ["appliances", "electronics"], "Asset Availability": ["in stock"] } const toArray = obj => Object.keys(obj).reduce((acc, key) => [...acc, {name: key, values: obj[key]}], []) console.log(toArray(categories)); 

Answer 3

我最喜歡的方法是：

1. 在對象的每個鍵上調用map函數。
2. 創建一個新對象，將屬性“name”設置為鍵，將值設置為相應的值

請注意，密鑰必須在此方法中是唯一的（無論如何應該是這樣）：

var categories = {
  "Asset Type": ["appliances", "electronics"],
  "Asset Availability": ["in stock"]
 };

var res = Object.keys(categories).map(key => ({
      name: key,
      values: categories[key]
    });
);

console.log(res);

Answer 4

試試這樣==>

var obj = {
    "categories":
         {
          "Asset Type": ["appliances", "electronics"],
          "Asset Availability": ["in stock"]
         },
};


var categories = [];
for(let p in obj.categories) {

    categories.push({
        name: p,
        values : obj.categories[p]
    });
}

console.log(categories);

Answer 5

你可以嘗試這樣的東西或使用地圖功能有很多方法

let obj = {
    "categories":
        {
            "Asset Type": ["appliances", "electronics"],
            "Asset Availability": ["in stock"]
        }

}
let categories=[];
Object.keys(obj.categories).forEach(key=>{
    categories.push({"name":key,"value":obj.categories[key]});
});
console.log(categories);