我有一个JavaScript对象数组：
var objs = [
{ first_nom: 'Lazslo', last_nom: 'Jamf' },
{ first_nom: 'Pig', last_nom: 'Bodine' },
{ first_nom: 'Pirate', last_nom: 'Prentice' }
];
如何在JavaScript中按last_nom的值对它们进行排序？
我知道排序（a，b），但这似乎只适用于字符串和数字。是否需要向对象添加toString（）方法？
当前回答
如果您有嵌套对象
const objs = [{
first_nom: 'Lazslo',
last_nom: 'Jamf',
moreDetails: {
age: 20
}
}, {
first_nom: 'Pig',
last_nom: 'Bodine',
moreDetails: {
age: 21
}
}, {
first_nom: 'Pirate',
last_nom: 'Prentice',
moreDetails: {
age: 22
}
}];
nestedSort = (prop1, prop2 = null, direction = 'asc') => (e1, e2) => {
const a = prop2 ? e1[prop1][prop2] : e1[prop1],
b = prop2 ? e2[prop1][prop2] : e2[prop1],
sortOrder = direction === "asc" ? 1 : -1
return (a < b) ? -sortOrder : (a > b) ? sortOrder : 0;
}
并称之为
objs.sort(nestedSort("last_nom"));
objs.sort(nestedSort("last_nom", null, "desc"));
objs.sort(nestedSort("moreDetails", "age"));
objs.sort(nestedSort("moreDetails", "age", "desc"));
其他回答
您可以使用可重用的排序函数。
Array.prototype.order = function (prop, methods = {}) {
if (prop?.constructor == Object) {
methods = prop;
prop = null;
}
const [orderType_a, orderType_b] = methods.reverse ? [1, -1] : [-1, 1];
const $ = x => prop
? methods.insensitive
? String(x[prop]).toLowerCase()
: x[prop]
: methods.insensitive
? String(x).toLowerCase()
: x;
const fn = (a, b) => $(a) < $(b) ? orderType_a : $(b) < $(a) ? orderType_b : 0;
return this.sort(fn);
};
它可用于对数组和数组中的对象进行排序。
let items = [{ x: "Z" }, 3, "1", "0", 2, { x: "a" }, { x: 0 }];
items
.order("x", { insensitive: 1 })
// [ { x: 0 }, { x: 'a' }, 3, '1', '0', 2, { x: 'Z' } ]
.order({ reverse: 1 })
// [ { x: 0 }, { x: 'a' }, 3, 2, { x: 'Z' }, '1', '0' ]
.sort(x => typeof x == "string" || typeof x == "number" ? -1 : 0)
// [ '0', '1', 2, 3, { x: 0 }, { x: 'a' }, { x: 'Z' } ]
1nd（可选）>对数组中包含的对象进行排序。2rd是方法>｛reverse:any，不敏感：any｝
将Ege的动态解决方案与Vinay的想法相结合，您可以得到一个很好的鲁棒解决方案：
Array.prototype.sortBy=函数（）{函数_sortByAttr（属性）{var sortOrder=1；如果（属性[0]==“-”）{sortOrder=-1；attr=attr.substr（1）；}返回函数（a，b）{var结果=（a[attr]<b[attr]）-1：（a[attr]>b[attr]）？1 : 0;返回结果*sortOrder；}}函数_getSortFunc（）{if（arguments.length==0）{throw“Array.sortBy（）不允许零长度参数”；}var args=参数；返回函数（a，b）{for（var result=0，i=0；result==0&&i<args.length；i++）{result=_sortByAttr（args[i]）（a，b）；}返回结果；}}返回this.sort（_getSortFunc.apply（null，arguments））；}用法：//用于打印对象的实用程序Array.prototype.print=函数（标题）{console.log（“************************************************************”）；console.log（“***”+标题）；console.log（“************************************************************”）；对于（var i=0；i<this.length；i++）{console.log（“名称：”+此[i].FirstName，此[i].LastName，“年龄：”+该[i].Age）；}}//设置示例数据变量arrObj=[{名字：“Zach”，姓氏：“Emergency”，年龄：35岁},{名字：“Nancy”，姓氏：“护士”，年龄：27岁},{名字：“Ethel”，姓氏：“Emergency”，年龄：42岁},{名字：“Nina”，姓氏：“护士”，年龄：48岁},{名字：“Anthony”，姓氏：“Emergency”，年龄：44岁},{名字：“Nina”，姓氏：“护士”，年龄：32岁},{名字：“Ed”，姓氏：“Emergency”，年龄：28岁},{名字：“Peter”，姓氏：“医生”，年龄：58岁},{名字：“Al”，姓氏：“Emergency”，年龄：51岁},{名字：“Ruth”，姓氏：“注册”，年龄：62岁},{名字：“Ed”，姓氏：“Emergency”，年龄：38岁},{名字：“Tammy”，姓氏：“Triage”，年龄：29岁},{名字：“Alan”，姓氏：“Emergency”，年龄：60岁},{名字：“Nina”，姓氏：“护士”，年龄：54岁}];//单元测试arrObj.sortBy（“姓氏”）.print（“姓氏升序”）；arrObj.sortBy（“-姓氏”）.print（“姓氏降序”）；arrObj.sortBy（“姓氏”、“名字”、“年龄”）.print（“姓氏升序、名字升序、年龄降序”）；arrObj.sortBy（“-FirstName”，“Age”）.print（“FirstName降序，Age升序”）；arrObj.sortBy（“-Age”）.print（“Age Descending”）；
Lodash（Undercore.js的超集）。
不为每一个简单的逻辑添加一个框架是很好的，但是依赖于经过良好测试的实用程序框架可以加快开发并减少错误数量。
Lodash生成了非常干净的代码，并促进了更具功能性的编程风格。一眼望去，代码的意图就一目了然了。
OP的问题可以简单地解决为：
const sortedObjs = _.sortBy(objs, 'last_nom');
更多信息？例如，我们有以下嵌套对象：
const users = [
{ 'user': {'name':'fred', 'age': 48}},
{ 'user': {'name':'barney', 'age': 36 }},
{ 'user': {'name':'wilma'}},
{ 'user': {'name':'betty', 'age': 32}}
];
我们现在可以使用_.properties速记user.age来指定应该匹配的属性的路径。我们将根据嵌套的年龄属性对用户对象进行排序。是的，它允许嵌套属性匹配！
const sortedObjs = _.sortBy(users, ['user.age']);
想要反转吗？没问题。使用_反向。
const sortedObjs = _.reverse(_.sortBy(users, ['user.age']));
想用链条将两者结合起来吗？
const { chain } = require('lodash');
const sortedObjs = chain(users).sortBy('user.age').reverse().value();
或者你什么时候更喜欢流动而不是链条？
const { flow, reverse, sortBy } = require('lodash/fp');
const sortedObjs = flow([sortBy('user.age'), reverse])(users);
排序（更多）复杂的对象阵列
由于您可能会遇到类似于此阵列的更复杂的数据结构，因此我将扩展解决方案。
TL；博士
是基于@ege-Özcan非常可爱的答案的更可插拔版本。
问题
我遇到了下面的问题，无法更改它。我也不想暂时压平对象。我也不想使用下划线/lodash，主要是出于性能原因和自己实现它的乐趣。
var People = [
{Name: {name: "Name", surname: "Surname"}, Middlename: "JJ"},
{Name: {name: "AAA", surname: "ZZZ"}, Middlename:"Abrams"},
{Name: {name: "Name", surname: "AAA"}, Middlename: "Wars"}
];
Goal
目标是主要按People.Name.Name排序，其次按People.Name.surname排序
障碍
现在，在基本解决方案中，使用括号表示法来计算要动态排序的财产。不过，在这里，我们还必须动态地构造括号表示法，因为您可能会期望像People['Name.Name']这样的符号会起作用，但这不起作用。
另一方面，简单地做人物['Name']['Name']是静态的，只允许你进入第n层。
解决方案
这里的主要添加是遍历对象树并确定最后一个叶以及任何中间叶的值。
var People = [
{Name: {name: "Name", surname: "Surname"}, Middlename: "JJ"},
{Name: {name: "AAA", surname: "ZZZ"}, Middlename:"Abrams"},
{Name: {name: "Name", surname: "AAA"}, Middlename: "Wars"}
];
People.sort(dynamicMultiSort(['Name','name'], ['Name', '-surname']));
// Results in...
// [ { Name: { name: 'AAA', surname: 'ZZZ' }, Middlename: 'Abrams' },
// { Name: { name: 'Name', surname: 'Surname' }, Middlename: 'JJ' },
// { Name: { name: 'Name', surname: 'AAA' }, Middlename: 'Wars' } ]
// same logic as above, but strong deviation for dynamic properties
function dynamicSort(properties) {
var sortOrder = 1;
// determine sort order by checking sign of last element of array
if(properties[properties.length - 1][0] === "-") {
sortOrder = -1;
// Chop off sign
properties[properties.length - 1] = properties[properties.length - 1].substr(1);
}
return function (a,b) {
propertyOfA = recurseObjProp(a, properties)
propertyOfB = recurseObjProp(b, properties)
var result = (propertyOfA < propertyOfB) ? -1 : (propertyOfA > propertyOfB) ? 1 : 0;
return result * sortOrder;
};
}
/**
* Takes an object and recurses down the tree to a target leaf and returns it value
* @param {Object} root - Object to be traversed.
* @param {Array} leafs - Array of downwards traversal. To access the value: {parent:{ child: 'value'}} -> ['parent','child']
* @param {Number} index - Must not be set, since it is implicit.
* @return {String|Number} The property, which is to be compared by sort.
*/
function recurseObjProp(root, leafs, index) {
index ? index : index = 0
var upper = root
// walk down one level
lower = upper[leafs[index]]
// Check if last leaf has been hit by having gone one step too far.
// If so, return result from last step.
if (!lower) {
return upper
}
// Else: recurse!
index++
// HINT: Bug was here, for not explicitly returning function
// https://stackoverflow.com/a/17528613/3580261
return recurseObjProp(lower, leafs, index)
}
/**
* Multi-sort your array by a set of properties
* @param {...Array} Arrays to access values in the form of: {parent:{ child: 'value'}} -> ['parent','child']
* @return {Number} Number - number for sort algorithm
*/
function dynamicMultiSort() {
var args = Array.prototype.slice.call(arguments); // slight deviation to base
return function (a, b) {
var i = 0, result = 0, numberOfProperties = args.length;
// REVIEW: slightly verbose; maybe no way around because of `.sort`-'s nature
// Consider: `.forEach()`
while(result === 0 && i < numberOfProperties) {
result = dynamicSort(args[i])(a, b);
i++;
}
return result;
}
}
实例
JSBin的工作示例
我没有看到任何类似于我的实现。此版本基于施瓦茨变换习惯用法。
function sortByAttribute(array, ...attrs) {
// Generate an array of predicate-objects containing
// property getter, and descending indicator
let predicates = attrs.map(pred => {
let descending = pred.charAt(0) === '-' ? -1 : 1;
pred = pred.replace(/^-/, '');
return {
getter: o => o[pred],
descend: descending
};
});
// Schwartzian transform idiom implementation. AKA "decorate-sort-undecorate"
return array.map(item => {
return {
src: item,
compareValues: predicates.map(predicate => predicate.getter(item))
};
})
.sort((o1, o2) => {
let i = -1, result = 0;
while (++i < predicates.length) {
if (o1.compareValues[i] < o2.compareValues[i])
result = -1;
if (o1.compareValues[i] > o2.compareValues[i])
result = 1;
if (result *= predicates[i].descend)
break;
}
return result;
})
.map(item => item.src);
}
下面是如何使用它的示例：
let games = [
{ name: 'Mashraki', rating: 4.21 },
{ name: 'Hill Climb Racing', rating: 3.88 },
{ name: 'Angry Birds Space', rating: 3.88 },
{ name: 'Badland', rating: 4.33 }
];
// Sort by one attribute
console.log(sortByAttribute(games, 'name'));
// Sort by mupltiple attributes
console.log(sortByAttribute(games, '-rating', 'name'));
