如果我有一个JavaScript对象，如:
var list = {
"you": 100,
"me": 75,
"foo": 116,
"bar": 15
};
是否有一种方法可以根据值对属性进行排序?最后得到
list = {
"bar": 15,
"me": 75,
"you": 100,
"foo": 116
};
当前回答
const arrayOfObjects = [
{name: 'test'},
{name: 'test2'}
]
const order = ['test2', 'test']
const setOrder = (arrayOfObjects, order) =>
arrayOfObjects.sort((a, b) => {
if (order.findIndex((i) => i === a.name) < order.findIndex((i) => i === b.name)) {
return -1;
}
if (order.findIndex((i) => i === a.name) > order.findIndex((i) => i === b.name)) {
return 1;
}
return 0;
});
其他回答
感谢@orad在TypeScript中提供了答案。现在，我们可以在JavaScript中使用下面的代码片断。
function sort(obj,valSelector) { const sortedEntries = Object.entries(obj) .sort((a, b) => valSelector(a[1]) > valSelector(b[1]) ? 1 : valSelector(a[1]) < valSelector(b[1]) ? -1 : 0); return new Map(sortedEntries); } const Countries = { "AD": { "name": "Andorra", }, "AE": { "name": "United Arab Emirates", }, "IN": { "name": "India", }} // Sort the object inside object. var sortedMap = sort(Countries, val => val.name); // Convert to object. var sortedObj = {}; sortedMap.forEach((v,k) => { sortedObj[k] = v }); console.log(sortedObj); //Output: {"AD": {"name": "Andorra"},"IN": {"name": "India"},"AE": {"name": "United Arab Emirates"}}
ECMAScript 2017引入了Object。values / Object.entries。顾名思义，前者将一个对象的所有值聚合到一个数组中，后者将整个对象聚合到一个[key, value]数组数组中;Python等价于dict.values()和dict.items()。
这些特性使得将任何散列排序到有序对象中变得非常容易。到目前为止，只有一小部分JavaScript平台支持它们，但您可以在Firefox 47+上尝试一下。
编辑:现在所有现代浏览器都支持!
let obj = {"you": 100, "me": 75, "foo": 116, "bar": 15};
let entries = Object.entries(obj);
// [["you",100],["me",75],["foo",116],["bar",15]]
let sorted = entries.sort((a, b) => a[1] - b[1]);
// [["bar",15],["me",75],["you",100],["foo",116]]
好吧，你可能知道，javascript有sort()函数，排序数组，但没有对象…
在这种情况下，我们需要以某种方式获取数组的键并对它们进行排序，这就是api大多数时候给你数组中的对象的原因，因为数组有更多的本机函数来处理它们，而不是对象字面量，无论如何，快速解决方案是使用对象。key返回对象键的数组，我创建了下面的ES6函数，它为你做的工作，它在javascript中使用本机sort()和reduce()函数:
function sortObject(obj) {
return Object.keys(obj)
.sort().reduce((a, v) => {
a[v] = obj[v];
return a; }, {});
}
现在你可以这样使用它:
let myObject = {a: 1, c: 3, e: 5, b: 2, d: 4};
let sortedMyObject = sortObject(myObject);
检查sortedMyObject，你可以看到按键排序的结果，像这样:
{a: 1, b: 2, c: 3, d: 4, e: 5}
同样这样，主对象不会被触碰我们实际上得到了一个新对象。
我还创建了下面的图像，以使函数步骤更加清晰，以防你需要稍微改变它来按照你的方式工作:
为了完整起见，这个函数返回对象属性的排序数组:
function sortObject(obj) {
var arr = [];
for (var prop in obj) {
if (obj.hasOwnProperty(prop)) {
arr.push({
'key': prop,
'value': obj[prop]
});
}
}
arr.sort(function(a, b) { return a.value - b.value; });
//arr.sort(function(a, b) { return a.value.toLowerCase().localeCompare(b.value.toLowerCase()); }); //use this to sort as strings
return arr; // returns array
}
var list = {"you": 100, "me": 75, "foo": 116, "bar": 15};
var arr = sortObject(list);
console.log(arr); // [{key:"bar", value:15}, {key:"me", value:75}, {key:"you", value:100}, {key:"foo", value:116}]
JSFiddle上面的代码在这里。此解决方案基于本文。
更新的小提琴排序字符串是在这里。您可以从它中删除额外的. tolowercase()转换，以便区分大小写的字符串比较。
ES6更新:如果你关心的是有一个排序的对象来迭代(这就是为什么我想象你想要你的对象属性排序)，你可以使用Map对象。
您可以按顺序插入(key, value)对，然后执行for..of循环将确保它们按照您插入它们的顺序进行循环
var myMap = new Map();
myMap.set(0, "zero");
myMap.set(1, "one");
for (var [key, value] of myMap) {
console.log(key + " = " + value);
}
// 0 = zero
// 1 = one
