我有一个这样的对象：
const total = {
"Apple": 0.6,
"Banana": 0.6,
"Orange": 1,
"Grapes": 0.4,
"Pineapple": 0.4
};
现在我想将它转换成一个键值对象数组，其中每个对象都具有相同的两个属性集，"name"and"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 }
]
您可以在对象键上使用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。在参数列表中也使用对象解构来获取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); const result = Object.entries(total).map(([name, value]) => ({name, value}));
Array#reduce 也可用于“以键值格式在数组上插入对象”：
var total = { 'Apple': 0.6, 'Banana': 0.6, 'Orange': 1, 'Grapes': 0.4, 'Pineapple': 0.4 };
var objArr = Object.entries(total)
.reduce((accumulator, [name, value]) => {
return accumulator.concat({name: name, value: value}); // creates an array of objects
}, [])
.sort((a, b) => b.value - a.value); // sorting in descending order
console.log(objArr);欲了解更多信息读取Object#entries，Array#sort和object destructuring。