次のような JavaScript オブジェクトがあるとします。
var list = {
"you": 100,
"me": 75,
"foo": 116,
"bar": 15
};
値に基づいてプロパティを並べ替える方法はありますか？
list = {
"bar": 15,
"me": 75,
"you": 100,
"foo": 116
};
ベストアンサー1
それらを配列に移動し、その配列を並べ替えて、その配列を目的に合わせて使用します。解決策は次のとおりです。
let maxSpeed = {
car: 300,
bike: 60,
motorbike: 200,
airplane: 1000,
helicopter: 400,
rocket: 8 * 60 * 60
};
let sortable = [];
for (var vehicle in maxSpeed) {
sortable.push([vehicle, maxSpeed[vehicle]]);
}
sortable.sort(function(a, b) {
return a[1] - b[1];
});
// [["bike", 60], ["motorbike", 200], ["car", 300],
// ["helicopter", 400], ["airplane", 1000], ["rocket", 28800]]
配列を取得したら、その配列からオブジェクトを好きな順序で再構築して、まさに目的を達成できます。これは私が知っているすべてのブラウザーで機能しますが、実装の癖に依存し、いつでも機能しなくなる可能性があります。JavaScript オブジェクト内の要素の順序について、決して仮定しないでください。
let objSorted = {}
sortable.forEach(function(item){
objSorted[item[0]]=item[1]
})
ES8では、Object.entries()オブジェクトを配列に変換するには:
const maxSpeed = {
car: 300,
bike: 60,
motorbike: 200,
airplane: 1000,
helicopter: 400,
rocket: 8 * 60 * 60
};
const sortable = Object.entries(maxSpeed)
.sort(([,a],[,b]) => a-b)
.reduce((r, [k, v]) => ({ ...r, [k]: v }), {});
console.log(sortable);ES10では、Object.fromEntries()配列をオブジェクトに変換します。コードは次のように簡略化できます。
const maxSpeed = {
car: 300,
bike: 60,
motorbike: 200,
airplane: 1000,
helicopter: 400,
rocket: 8 * 60 * 60
};
const sortable = Object.fromEntries(
Object.entries(maxSpeed).sort(([,a],[,b]) => a-b)
);
console.log(sortable);