按字符串属性值对对象数组排序

我有一个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（）方法？

当前回答

这是我的看法：

order参数是可选的，对于升序，默认为“ASC”。

它适用于重音字符，并且不区分大小写。

注意：它排序并返回原始数组。

function sanitizeToSort(str) {
  return str
    .normalize('NFD')                   // Remove accented and diacritics
    .replace(/[\u0300-\u036f]/g, '')    // Remove accented and diacritics
    .toLowerCase()                      // Sort will be case insensitive
  ;
}

function sortByProperty(arr, property, order="ASC") {
  arr.forEach((item) => item.tempProp = sanitizeToSort(item[property]));
  arr.sort((a, b) => order === "ASC" ?
      a.tempProp > b.tempProp ?  1 : a.tempProp < b.tempProp ? -1 : 0
    : a.tempProp > b.tempProp ? -1 : a.tempProp < b.tempProp ?  1 : 0
  );
  arr.forEach((item) => delete item.tempProp);
  return arr;
}

一小条

函数cleaniteToSort（str）{返回str.normalize（'NFD'）//删除重音字符.replace（/[\u0300-\u036f]/g，“”）//删除变音符号.to小写（）;}函数sortByProperty（arr，property，order=“ASC”）{arr.forEach（（item）=>item.tempProp=消毒排序（item[property]））；arr.sort（（a，b）=>顺序==“ASC”？a.tempProp>b.tempProp？1:a.tempProp<b.tempProp-1 : 0：a.tempProp>b.tempProp-1:a.tempProp<b.tempProp？1 : 0);arr.forEach（（item）=>删除item.tempProp）；返回arr；}常量rockStars=[｛name:“Axl”，姓：“Rose”}，{name:“埃尔顿”，姓：“John”}，{name:“Paul”，姓氏：“McCartney”}，{name:“楼”，姓：“里德”}，｛name:“freddie”，//使用小写/大写姓氏：“mercury”}，｛name:“Ámy”，//也适用于重音字符姓氏：“酒庄”}];sortByProperty（rockStars，“name”）；console.log（“按名称A-Z排序：”）；rockStars.forEach（（item）=>console.log（item.name+“”+item.lastname））；sortByProperty（rockStars，“姓氏”，“DESC”）；console.log（“\n按姓氏Z-A排序：”）；rockStars.forEach（（item）=>console.log（item.lastname+“，”+item.name））；

2019-12-20 09:49:07

其他回答

使用xPrototype的sortBy：

var o = [
  { Name: 'Lazslo', LastName: 'Jamf'     },
  { Name: 'Pig',    LastName: 'Bodine'   },
  { Name: 'Pirate', LastName: 'Prentice' },
  { Name: 'Pag',    LastName: 'Bodine'   }
];


// Original
o.each(function (a, b) { console.log(a, b); });
/*
 0 Object {Name: "Lazslo", LastName: "Jamf"}
 1 Object {Name: "Pig", LastName: "Bodine"}
 2 Object {Name: "Pirate", LastName: "Prentice"}
 3 Object {Name: "Pag", LastName: "Bodine"}
*/


// Sort By LastName ASC, Name ASC
o.sortBy('LastName', 'Name').each(function(a, b) { console.log(a, b); });
/*
 0 Object {Name: "Pag", LastName: "Bodine"}
 1 Object {Name: "Pig", LastName: "Bodine"}
 2 Object {Name: "Lazslo", LastName: "Jamf"}
 3 Object {Name: "Pirate", LastName: "Prentice"}
*/


// Sort by LastName ASC and Name ASC
o.sortBy('LastName'.asc, 'Name'.asc).each(function(a, b) { console.log(a, b); });
/*
 0 Object {Name: "Pag", LastName: "Bodine"}
 1 Object {Name: "Pig", LastName: "Bodine"}
 2 Object {Name: "Lazslo", LastName: "Jamf"}
 3 Object {Name: "Pirate", LastName: "Prentice"}
*/


// Sort by LastName DESC and Name DESC
o.sortBy('LastName'.desc, 'Name'.desc).each(function(a, b) { console.log(a, b); });
/*
 0 Object {Name: "Pirate", LastName: "Prentice"}
 1 Object {Name: "Lazslo", LastName: "Jamf"}
 2 Object {Name: "Pig", LastName: "Bodine"}
 3 Object {Name: "Pag", LastName: "Bodine"}
*/


// Sort by LastName DESC and Name ASC
o.sortBy('LastName'.desc, 'Name'.asc).each(function(a, b) { console.log(a, b); });
/*
 0 Object {Name: "Pirate", LastName: "Prentice"}
 1 Object {Name: "Lazslo", LastName: "Jamf"}
 2 Object {Name: "Pag", LastName: "Bodine"}
 3 Object {Name: "Pig", LastName: "Bodine"}
*/

2015-02-09 20:23:09

将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”）；

2013-04-23 16:07:34

我会这样做：

[...objs].sort((a, b) => a.last_nom.localeCompare(b.last_nom))

2022-12-02 11:19:29

这是我的看法：

order参数是可选的，对于升序，默认为“ASC”。

它适用于重音字符，并且不区分大小写。

注意：它排序并返回原始数组。

function sanitizeToSort(str) {
  return str
    .normalize('NFD')                   // Remove accented and diacritics
    .replace(/[\u0300-\u036f]/g, '')    // Remove accented and diacritics
    .toLowerCase()                      // Sort will be case insensitive
  ;
}

function sortByProperty(arr, property, order="ASC") {
  arr.forEach((item) => item.tempProp = sanitizeToSort(item[property]));
  arr.sort((a, b) => order === "ASC" ?
      a.tempProp > b.tempProp ?  1 : a.tempProp < b.tempProp ? -1 : 0
    : a.tempProp > b.tempProp ? -1 : a.tempProp < b.tempProp ?  1 : 0
  );
  arr.forEach((item) => delete item.tempProp);
  return arr;
}

一小条

2019-12-20 09:49:07

Deep

基于这篇优秀的教程，我想开发Vlad Bezden的答案，并解释为什么localeCompare优于标准比较方法，如strA>strB。让我们运行以下示例：

console.log（“Österreich”>“Zealand”）；//我们期望错误console.log（“a”>“Z”）；//我们期望错误

原因是在JavaScript中，所有字符串都使用UTF-16编码

让str=“”；//JavaScript中的字符顺序for（设i=65；i<=220；i++）{str+=字符串.fromCodePoint（i）；//代码到字符}console.log（str）；

首先是大写字母（有小代码），然后是小写字母，然后是字符Ö（在z之后）。这就是为什么我们在第一个代码段中得到正确的原因，因为运算符>比较字符代码。

如您所见，比较不同语言中的字符是一项非常重要的任务，但幸运的是，现代浏览器支持国际化标准ECMA-402。所以在JavaScript中，我们有strA.localeCompare（strB）来完成任务（-1表示strA小于strB；1表示相反；0表示相等）

console.log（'Österreich'.localeCompare（'Zealand'））；//我们期望-1console.log（'a'.localeCompare（'Z'））；//我们期望-1

我想补充一点，localeCompare支持两个参数：语言和其他规则：

var对象=[{first_nom:'Lazslo'，last_nom:'Jamf'}，{first_nom:'猪'，last_nom:'Bodine'}，{first_nom:'海盗'，last_nom:'Prentice'}，｛first_nom:'测试'，last_nom:'jamf'｝];objs.sort（（a，b）=>a.last_nom.localeCompare（b.last_nom，'en'，{sensitity:'case'}））console.log（objs）；//在'>'比较中，'Jamf'不会在'Jamf'旁边

2020-06-10 18:04:55

按字符串属性值对对象数组排序

推荐文章

最新文章

标签