Sắp xếp mảng theo tên (theo bảng chữ cái) trong Javascript

Tôi có một mảng (xem bên dưới cho một đối tượng trong mảng) mà tôi cần sắp xếp theo tên đầu tiên bằng JavaScript. Tôi làm nó như thế nào?

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

Giả sử bạn có một mảng users. Bạn có thể sử dụng users.sortvà truyền một hàm có hai đối số và so sánh chúng (bộ so sánh)

Nó sẽ trở lại

• một cái gì đó tiêu cực nếu đối số thứ nhất nhỏ hơn giây (nên được đặt trước đối số thứ hai trong mảng kết quả)
• một cái gì đó tích cực nếu đối số thứ nhất lớn hơn (nên được đặt sau cái thứ hai)
• 0 nếu hai phần tử đó bằng nhau.

Trong trường hợp của chúng tôi nếu hai yếu tố là avà bchúng tôi muốn so sánh a.firstnamevàb.firstname

Thí dụ:

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

Mã này sẽ làm việc với bất kỳ loại.

Lưu ý rằng trong "đời thực" ™, bạn thường muốn bỏ qua trường hợp, sắp xếp chính xác các dấu phụ, các ký hiệu lạ như ß, v.v. khi bạn so sánh các chuỗi, vì vậy bạn có thể muốn sử dụng localeCompare. Xem câu trả lời khác cho rõ ràng.

Mã ngắn nhất có thể với ES6!

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

Hỗ trợ cơ bản String.prototype.localeCompare () là phổ quát!

Một cái gì đó như thế này:

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

Nếu các chuỗi được so sánh chứa các ký tự unicode, bạn có thể sử dụng localeComparechức năng của Stringlớp như sau:

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

ES6 nhỏ xinh một lót:

users.sort((a, b) => a.firstname !== b.firstname ? a.firstname < b.firstname ? -1 : 1 : 0);

Chúng tôi có thể sử dụng localeCompare nhưng cũng cần kiểm tra các khóa cũng cho các giá trị falsey

Mã dưới đây sẽ không hoạt động nếu một mục bị thiếu tên.

obj.sort((a, b) => a.lname.localeCompare(b.lname))

Vì vậy, chúng ta cần kiểm tra giá trị falsey như dưới đây

let obj=[
{name:'john',lname:'doe',address:'Alaska'},
{name:'tom',lname:'hopes',address:'California'},
{name:'harry',address:'Texas'}
]
let field='lname';
console.log(obj.sort((a, b) => (a[field] || "").toString().localeCompare((b[field] || "").toString())));

HOẶC LÀ

chúng ta có thể sử dụng lodash, nó rất đơn giản. Nó sẽ phát hiện các giá trị được trả về tức là số hay chuỗi và thực hiện sắp xếp phù hợp.

import sortBy from 'lodash/sortBy';
sortBy(obj,'name')

https://lodash.com/docs/4.17.5#sortBy

underscorejs Mời các chức năng _.sortBy rất đẹp:

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

hoặc bạn có thể sử dụng chức năng sắp xếp tùy chỉnh:

_.sortBy([{a:"b"},{a:"c"},{a:"a"}], function(i) {return i.a.toLowerCase()})

Trong trường hợp chúng tôi đang sắp xếp tên hoặc một cái gì đó có các ký tự đặc biệt, như ñ hoặc áéíóú (commons trong tiếng Tây Ban Nha), chúng tôi có thể sử dụng các ngôn ngữ params ( es cho tiếng Tây Ban Nha trong trường hợp này) và các tùy chọn như sau:

let user = [{'firstname': 'Az'},{'firstname': 'Áb'},{'firstname':'ay'},{'firstname': 'Ña'},{'firstname': 'Nz'},{'firstname': 'ny'}];


user.sort((a, b) => a.firstname.localeCompare(b.firstname, 'es', {sensitivity: 'base'}))


console.log(user)

Các tùy chọn địa phương chính thức có thể được tìm thấy ở đây trong iana , es (tiếng Tây Ban Nha), de (tiếng Đức), fr (tiếng Pháp). Về cơ sở độ nhạy có nghĩa là:

Chỉ các chuỗi khác nhau trong các chữ cái cơ sở so sánh là không bằng nhau. Ví dụ: a ≠ b, a = á, a = A.

Về cơ bản bạn có thể sắp xếp các mảng với sắp xếp phương thức, nhưng nếu bạn muốn sắp xếp các đối tượng thì bạn phải truyền hàm để sắp xếp phương thức của mảng, vì vậy tôi sẽ cho bạn một ví dụ sử dụng mảng của bạn

user = [{
bio: "<null>",
email: "user@domain.com",
firstname: 'Anna',
id: 318,
"last_avatar": "<null>",
"last_message": "<null>",
lastname: 'Nickson',
nickname: 'anny'
},
{
bio: "<null>",
email: "user@domain.com",
firstname: 'Senad',
id: 318,
"last_avatar": "<null>",
"last_message": "<null>",
lastname: 'Nickson',
nickname: 'anny'
},
{
bio: "<null>",
email: "user@domain.com",
firstname: 'Muhamed',
id: 318,
"last_avatar": "<null>",
"last_message": "<null>",
lastname: 'Nickson',
nickname: 'anny'
}];

var ar = user.sort(function(a, b)
{
  var nA = a.firstname.toLowerCase();
  var nB = b.firstname.toLowerCase();

  if(nA < nB)
    return -1;
  else if(nA > nB)
    return 1;
 return 0;
});

Lấy cảm hứng từ câu trả lời này ,

users.sort((a,b) => (a.firstname  - b.firstname));

Một ký hiệu nhỏ gọn hơn:

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

Ngoài ra, đối với cả sắp xếp asec và desc, bạn có thể sử dụng điều này: giả sử chúng ta có một SortType biến xác định sắp xếp tăng dần hoặc sắp xếp giảm dần mà bạn muốn:

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

Một hàm tổng quát có thể được viết như dưới đây

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

bạn có thể vượt qua các tham số dưới đây

1. Dữ liệu bạn muốn sắp xếp
2. Các thuộc tính trong dữ liệu nên được sắp xếp
3. Tham số cuối cùng là loại boolean. Nó kiểm tra xem bạn muốn sắp xếp theo tăng dần hay giảm dần

thử

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

Bạn có thể sử dụng điều này cho các đối tượng

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

nói một cách đơn giản bạn có thể sử dụng phương pháp này

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

Bạn có thể sử dụng phương thức mảng dựng sẵn - sort. Phương thức này lấy phương thức gọi lại làm tham số

    // custom sort function to be passed as param/callback to the Array's sort method
    function myCustomSort(a, b) {
        return (a.toLowerCase() > b.toLowerCase()) ? 1 : -1;
    }

    // Actual method to be called by entity that needs sorting feature
    function sortStrings() {
        var op = Array.prototype.sort.call(arguments, myCustomSort);
    }

    // Testing the implementation
    var sortedArray = sortStrings("Burger", "Mayo1", "Pizza", "boxes", "Apples", "Mayo");
    console.log(sortedArray); //["Apples", "boxes", "Burger", "Mayo", "Mayo1", "Pizza"]

Những điểm chính cần lưu ý để hiểu mã này.

1. Trong trường hợp này, phương thức tùy chỉnh myCustomSortsẽ trả về +1 hoặc -1 cho mỗi cặp phần tử (từ mảng đầu vào).
2. Sử dụng toLowerCase()/ toUpperCase()trong phương thức gọi lại sắp xếp tùy chỉnh để trường hợp khác biệt không ảnh hưởng đến tính chính xác của quy trình sắp xếp.

Tôi hy vọng điều này là đủ giải thích rõ ràng. Hãy bình luận nếu bạn nghĩ rằng, cần thêm thông tin.

Chúc mừng!

Đẩy các câu trả lời hàng đầu vào một nguyên mẫu để sắp xếp theo khóa.

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

Bạn có thể sử dụng một cái gì đó tương tự, để thoát khỏi trường hợp nhạy cảm

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;

})

Triển khai của tôi, hoạt động rất tốt trong các phiên bản ES cũ hơn:

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

Chỉ dành cho bản ghi, nếu bạn muốn có một hàm sắp xếp có tên, cú pháp như sau:

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

Lưu ý rằng những điều sau KHÔNG hoạt động:

users.sort(sortFunction(a,b))