我有一个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（）方法？
当前回答
区分大小写
arr.sort((a, b) => a.name > b.name ? 1 : -1);
不区分大小写
arr.sort((a, b) => a.name.toLowerCase() > b.name.toLowerCase() ? 1 : -1);
有用的注释
如果顺序没有改变（在相同字符串的情况下），则条件>将失败，并返回-1。但如果字符串相同，则返回1或-1将导致正确的输出
另一种选择是使用>=运算符而不是>
var对象=[{first_nom:'Lazslo'，last_nom:'Jamf'}，{first_nom:'猪'，last_nom:'Bodine'}，｛first_nom:'海盗'，last_nom:'Prentice'｝];//定义两个排序回调函数，一个带有硬编码排序键，另一个带有参数排序键const sorter1=（a，b）=>a.last_nom.toLowerCase（）>b.last_nom.ToLowerCcase（）？1 : -1;const sorter2=（sortBy）=>（a，b）=>a[sortBy].toLowerCase（）>b[sortBy].toLoweCase（）？1 : -1;对象排序（排序器1）；console.log（“使用sorter1-硬编码排序属性last_name”，objs）；对象排序（排序器2（'first_nom'））；console.log（“使用sorter2-传递的参数sortBy='first_nom'”，objs）；对象排序（排序器2（'last_nom'））；console.log（“使用sorter2-传递的参数sortBy='last_nom'”，objs）；
其他回答
我遇到了排序对象数组的问题，改变了值的优先级。基本上，我想按年龄，然后按姓氏，或者仅仅按姓氏，名字来对一系列人进行排序。
我认为与其他答案相比，这是最简单的解决方案。
它用于调用sortPeoples（['array'，'of'，'properties']，reverse=false）。
///////////////////////人群示例阵列///////////////////////var人民=[{姓名：“Zach”，姓：“Emergency”，年龄：1}，{姓名：“南希”，姓：“护士”，年龄：1岁}，{姓名：“Ethel”，姓：“Emergency”，年龄：1}，{姓名：“尼娜”，姓：“护士”，年龄：42岁}，{姓名：“Anthony”，姓：“Emergency”，年龄：42岁}，{姓名：“尼娜”，姓：“护士”，年龄：32岁}，{姓名：“Ed”，姓：“Emergency”，年龄：28岁}，{姓名：“彼得”，姓：“医生”，年龄：58岁}，{姓名：“Al”，姓：“Emergency”，年龄：58岁}，{姓名：“Ruth”，姓：“Registration”，年龄：62岁}，{姓名：“Ed”，姓：“Emergency”，年龄：38岁}，{姓名：“Tammy”，姓：“Triage”，年龄：29岁}，{姓名：“Alan”，姓：“Emergency”，年龄：60岁}，{姓名：“尼娜”，姓：“护士”，年龄：58岁}];////////////////////////排序功能/////////////////////函数sortPeoples（propertyArr，reverse）{函数比较（a，b）{变量i=0；while（propertyArr[i]）{如果（a[propertyArr[i]]<b[propertyAr[i]]）返回-1；如果（a[propertyArr[i]]>b[propertyAr[i]]）返回1；i++；}返回0；}人民。排序（比较）；if（反向）{peoples.reverse（）；}};////////////////排序方法结束///////////////函数printPeoples（）{$（“#输出”）.html（“”）；people.forEach（功能（人）{$（'#output'）.append（person.surname+“”+person.name+““”+person.age+“<br>”）；})}<head><script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script></head><html><body><button onclick=“sortPeoples（['surname']）；printPeoples（）”>仅按姓氏ASC排序会导致同名案例的混乱</button><br><button onclick=“sortPeoples（['surname'，'name]，true）；printPeoples（）”>按姓氏排序，然后按名称DESC</button><br><button onclick=“sortPeoples（['age']）；printPeoples（）”>按age ASC排序。与第一种情况相同的问题</button><br><button onclick=“sortPeoples（['age'，'姓']）；printPeoples（）”>按age和姓氏ASC排序。添加第二个字段修复了它。</button><br><div id=“output”></div></body></html>
您可能需要将它们转换为小写形式，以防止混淆。
objs.sort(function (a, b) {
var nameA = a.last_nom.toLowerCase(), nameB = b.last_nom.toLowerCase()
if (nameA < nameB)
return -1;
if (nameA > nameB)
return 1;
return 0; // No sorting
})
这将按照按字母数字顺序传递给它的属性对两级嵌套数组进行排序。
function sortArrayObjectsByPropAlphaNum(property) {
return function (a,b) {
var reA = /[^a-zA-Z]/g;
var reN = /[^0-9]/g;
var aA = a[property].replace(reA, '');
var bA = b[property].replace(reA, '');
if(aA === bA) {
var aN = parseInt(a[property].replace(reN, ''), 10);
var bN = parseInt(b[property].replace(reN, ''), 10);
return aN === bN ? 0 : aN > bN ? 1 : -1;
} else {
return a[property] > b[property] ? 1 : -1;
}
};
}
用法：
objs.sort(utils.sortArrayObjectsByPropAlphaNum('last_nom'));
我还没有看到这种特别的方法，所以这里有一个我喜欢使用的简洁的比较方法，它适用于字符串和数字类型：
常量对象=[{first_nom:'Lazslo'，last_nom:'Jamf'}，{first_nom:'猪'，last_nom:'Bodine'}，｛first_nom:'海盗'，last_nom:'Prentice'｝];常量排序依据=fn=>{常量cmp=（a，b）=>-（a<b）||+（a>b）；return（a，b）=>cmp（fn（a），fn（b））；};const getLastName=o=>o.last_nom；const sortByLastName=sortBy（getLastName）；objs.sort（sortByLastName）；console.log（objs.map（getLastName））；
sortBy（）的解释
sortBy（）接受一个fn，该fn从一个对象中选择一个值用于比较，并返回一个可以传递给Array.prototype.sort（）的函数。在本例中，我们正在比较o.last_nom。每当我们收到两个对象，例如
a = { first_nom: 'Lazslo', last_nom: 'Jamf' }
b = { first_nom: 'Pig', last_nom: 'Bodine' }
我们将它们与（a，b）=>cmp（fn（a），fn（b））进行比较。鉴于此
fn = o => o.last_nom
我们可以将比较函数扩展为（a，b）=>cmp（a.last_nom，b.last_nom）。由于逻辑OR（||）在JavaScript中的工作方式，cmp（a.last_nom、b.last_nom）相当于
if (a.last_nom < b.last_nom) return -1;
if (a.last_nom > b.last_nom) return 1;
return 0;
顺便说一下，这在其他语言中被称为三向比较“宇宙飞船”（<=>）运算符。
最后，这里是不使用箭头函数的ES5兼容语法：
var对象=[{first_nom:'Lazslo'，last_nom:'Jamf'}，{first_nom:'猪'，last_nom:'Bodine'}，｛first_nom:'海盗'，last_nom:'Prentice'｝];函数sortBy（fn）{函数cmp（a，b）{return-（a＜b）| |+（a＞b）；}返回函数（a，b）{return cmp（fn（a），fn（b））；}；}函数getLastName（o）｛return o.last_nom；｝var sortByLastName=sortBy（getLastName）；objs.sort（sortByLastName）；console.log（objs.map（getLastName））；
我一直在各种项目中使用这个实用程序，而且效果很好。它也非常模块化：
传递要排序的键的名称选择排序是升序还是降序
按KeyUtil.js排序对象数组
// Sort array of objects by key
// ------------------------------------------------------------
const sortArrayOfObjsByKey = (array, key, ascdesc) =>
array.sort((a, b) => {
const x = a[key];
const y = b[key];
if (ascdesc === 'asc') {
return x < y ? -1 : x > y ? 1 : 0;
}
if (ascdesc === 'desc') {
return x > y ? -1 : x < y ? 1 : 0;
}
return null;
});
按KeyUtil.test.js排序对象数组
import sortArrayOfObjsByKey from './sortArrayOfObjsByKeyUtil';
const unsortedArray = [
{
_id: '3df55221-ce5c-4147-8e14-32effede6133',
title: 'Netlife Design',
address: {
PostalAddress: {
streetAddress: 'Youngstorget 3',
addressLocality: 'Oslo',
addressRegion: null,
postalCode: '0181',
addressCountry: 'Norway',
},
},
geopoint: { lat: 59.914322, lng: 10.749272 },
},
{
_id: 'cd00459f-3755-49f1-8847-66591ef935b2',
title: 'Home',
address: {
PostalAddress: {
streetAddress: 'Stockfleths gate 58A',
addressLocality: 'Oslo',
addressRegion: null,
postalCode: '0461',
addressCountry: 'Norway',
},
},
geopoint: { lat: 59.937316, lng: 10.751862 },
},
];
const sortedArray = [
{
_id: 'cd00459f-3755-49f1-8847-66591ef935b2',
title: 'Home',
address: {
PostalAddress: {
streetAddress: 'Stockfleths gate 58A',
addressLocality: 'Oslo',
addressRegion: null,
postalCode: '0461',
addressCountry: 'Norway',
},
},
geopoint: { lat: 59.937316, lng: 10.751862 },
},
{
_id: '3df55221-ce5c-4147-8e14-32effede6133',
title: 'Netlife Design',
address: {
PostalAddress: {
streetAddress: 'Youngstorget 3',
addressLocality: 'Oslo',
addressRegion: null,
postalCode: '0181',
addressCountry: 'Norway',
},
},
geopoint: { lat: 59.914322, lng: 10.749272 },
},
];
describe('sortArrayOfObjsByKey', () => {
it(`sort array by 'title' key, ascending`, () => {
const testInput = sortArrayOfObjsByKey(unsortedArray, 'title', 'asc');
const testOutput = sortedArray;
expect(testInput).toEqual(testOutput);
});
});
