javascript - 将对象转换为键值对象数组，如 `{ name: "Apple"，value : "0.6" }`

Question

我有一个这样的对象:

const total = {
    "Apple": 0.6,
    "Banana": 0.6,
    "Orange": 1,
    "Grapes": 0.4,
    "Pineapple": 0.4
  };

现在我想将它转换成一个键值对象数组，其中每个对象都有相同的两个属性集，"name" 和 "value"，分别保存原始对象的每个属性的键和值:

[
  { "name": "Apple", "value": 0.6 },
  { "name": "Banana", "value": 0.6 },
  { "name": "Orange", "value": 1 },
  { "name": "Grapes", "value": 0.4 },
  { "name": "Pineapple", "value": 0.4 }
]

Answer 1

您可以使用 Array#map在对象键上运行并创建具有所需形状的对象。

const total = { 
    'Apple': 0.6,
    'Banana': 0.6,
    'Orange': 1,
    'Grapes': 0.4,
    'Pineapple': 0.4 
};
              
const array = Object.keys(total)
                    .map(key => ({ name: key, value: total[key] }))
                    .sort((f, s) => f.value - s.value);

console.log(array);

如果您使用 ES7 或更高版本，您可以替换 Object#keys与 Object#entries .也可以使用 object destructuring在参数列表中分别获取name和value。

const total = { 
    'Apple': 0.6,
    'Banana': 0.6,
    'Orange': 1,
    'Grapes': 0.4,
    'Pineapple': 0.4 
};
              
const array = Object.entries(total)
                    .map(([name, value]) => ({ name, value }))
                    .sort((f, s) => f.value - s.value);;

console.log(array);