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

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

当前回答

我还没有看到这种特别的方法，所以这里有一个我喜欢使用的简洁的比较方法，它适用于字符串和数字类型：

常量对象=[{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））；

2018-07-18 09:53:13

其他回答

如果你有重复的姓氏，你可以按名字排序-

obj.sort(function(a,b){
  if(a.last_nom< b.last_nom) return -1;
  if(a.last_nom >b.last_nom) return 1;
  if(a.first_nom< b.first_nom) return -1;
  if(a.first_nom >b.first_nom) return 1;
  return 0;
});

2009-07-15 04:03:38

使用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

当您需要自然排序（即1,2,10,111111）时，使用Intl.Collator对特定情况的对象进行排序。

常量文件=[｛name:“1.mp3”，大小：123｝，｛name:“10.mp3”，大小：456｝，｛name:“100.mp3”，大小：789｝，｛name:“11.mp3”，大小：123｝，｛name:“111.mp3”，大小：456｝，｛name:“2.mp3”，大小：789｝，];const naturalCollator=新Intl.Collator（未定义，｛numeric:true，sensitity:'base'｝）；files.sort（（a，b）=>naturalCollator.compare（a.name，b.name））；console.log（文件）；

浏览器支持Intl.Collator

2022-02-24 19:00:46

我一直在各种项目中使用这个实用程序，而且效果很好。它也非常模块化：

传递要排序的键的名称选择排序是升序还是降序

按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);
  });
});

2021-03-19 09:54:36