在Javascript中按名字(按字母顺序)对数组进行排序

JavaScript

逆天梅

2020-03-11

我得到了一个数组(请参阅下面的数组中的一个对象),我需要使用JavaScript按名字排序。我该怎么做?

var user = {
   bio: null,
   email:  "user@domain.com",
   firstname: "Anna",
   id: 318,
   lastAvatar: null,
   lastMessage: null,
   lastname: "Nickson",
   nickname: "anny"
};

第854篇《在Javascript中按名字(按字母顺序)对数组进行排序》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

17个回答
飞羽宝儿 2020.03.11

仅作记录,如果您想拥有一个命名的排序功能,语法如下:

let sortFunction = (a, b) => {
 if(a.firstname < b.firstname) { return -1; }
 if(a.firstname > b.firstname) { return 1; }
 return 0;
})
users.sort(sortFunction)

请注意,以下操作无效:

users.sort(sortFunction(a,b))
古一Mandy 2020.03.11

您可以使用类似的方法来消除区分大小写

users.sort(function(a, b){

  //compare two values
  if(a.firstname.toLowerCase() < b.firstname.toLowerCase()) return -1;
  if(a.firstname.toLowerCase() > b.firstname.toLowerCase()) return 1;
  return 0;

})
路易Itachi小小 2020.03.11

我的实现在旧版ES中效果很好:

sortObject = function(data) {
    var keys = Object.keys(data);
    var result = {};

    keys.sort();

    for(var i = 0; i < keys.length; i++) {
        var key = keys[i];

        result[key] = data[key];
    }

    return result;
};
6的不行 2020.03.11

将最重要的答案放入原型中,以按键排序。

Array.prototype.alphaSortByKey= function (key) {
    this.sort(function (a, b) {
        if (a[key] < b[key])
            return -1;
        if (a[key] > b[key])
            return 1;
        return 0;
    });
    return this;
};
樱神无 2020.03.11

简单来说,您可以使用此方法

users.sort(function(a,b){return a.firstname < b.firstname ? -1 : 1});
樱小胖 2020.03.11

您可以将其用于对象

transform(array: any[], field: string): any[] {
return array.sort((a, b) => a[field].toLowerCase() !== b[field].toLowerCase() ? a[field].toLowerCase() < b[field].toLowerCase() ? -1 : 1 : 0);}
JinJinPro 2020.03.11

通用函数可以如下编写

    function getSortedData(data, prop, isAsc) {
        return data.sort((a, b) => (a[prop] < b[prop] ? -1 : 1) * (isAsc ? 1 : -1));
   }

您可以传递以下参数

  1. 您要排序的数据
  2. 数据中的属性应按其排序
  3. 最后一个参数是布尔类型。它检查您是否要按升序或降序排序
A小卤蛋Pro 2020.03.11

尝试

users.sort((a,b)=> (a.firstname>b.firstname)*2-1)

var users = [
  { firstname: "Kate", id: 318, /*...*/ },
  { firstname: "Anna", id: 319, /*...*/ },
  { firstname: "Cristine", id: 317, /*...*/ },
]

console.log(users.sort((a,b)=> (a.firstname>b.firstname)*2-1) );

前端猴子 2020.03.11

更简洁的表示法:

user.sort(function(a, b){
    return a.firstname === b.firstname ? 0 : a.firstname < b.firstname ? -1 : 1;
})
StafanDavaid 2020.03.11

同样对于asec和desc排序,您都可以使用此方法:假设我们有一个变量SortType,它指定了想要的升序或降序排序:

 users.sort(function(a,b){
            return   sortType==="asc"? a.firstName.localeCompare( b.firstName): -( a.firstName.localeCompare(  b.firstName));
        })
飞羽 2020.03.11

这个答案中得到启发

users.sort((a,b) => (a.firstname  - b.firstname));
Green前端 2020.03.11

underscorejs提供了非常好的_.sortBy函数:

_.sortBy([{a:1},{a:3},{a:2}], "a")

或者您可以使用自定义排序功能:

_.sortBy([{a:"b"},{a:"c"},{a:"a"}], function(i) {return i.a.toLowerCase()})
伽罗理查德 2020.03.11

漂亮的小ES6一线:

users.sort((a, b) => a.firstname !== b.firstname ? a.firstname < b.firstname ? -1 : 1 : 0);
古一西里 2020.03.11

像这样:

array.sort(function(a, b){
 var nameA=a.name.toLowerCase(), nameB=b.name.toLowerCase();
 if (nameA < nameB) //sort string ascending
  return -1;
 if (nameA > nameB)
  return 1;
 return 0; //default return value (no sorting)
});
宝儿小哥小卤蛋 2020.03.11

使用ES6的代码最短!

users.sort((a, b) => a.firstname.localeCompare(b.firstname))

String.prototype.localeCompare()基本支持是通用的!

→笑里藏刀↓ 2020.03.11

如果比较的字符串包含Unicode字符,则可以使用如下所示class localeCompare函数String

users.sort(function(a,b){
    return a.firstname.localeCompare(b.firstname);
})
LEY村村 2020.03.11

假设您有一个数组users您可以使用users.sort并传递一个接受两个参数并进行比较的函数(比较器)

它应该返回

  • 如果第一个参数小于第二个参数,则为负数(应在结果数组的第二个参数之前放置)
  • 如果第一个参数较大,则为正数(应放在第二个参数之后)
  • 如果这两个元素相等,则为0。

在我们的情况下,如果两个元素是ab我们要比较a.firstnameb.firstname

例:

users.sort(function(a, b){
    if(a.firstname < b.firstname) { return -1; }
    if(a.firstname > b.firstname) { return 1; }
    return 0;
})

此代码将适用于任何类型。

请注意,在“现实生活”™中,当您比较字符串时,您通常希望忽略大小写,正确地对变音符号进行排序,诸如ß之类的怪异符号,因此您可能需要使用localeCompare为清楚起见,请参见其他答案。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android