Urutkan array berdasarkan nama depan (berdasarkan abjad) dalam Javascript

Saya mendapat sebuah array (lihat di bawah untuk satu objek dalam array) yang perlu saya urutkan berdasarkan nama depan menggunakan JavaScript. Bagaimana saya bisa melakukannya?

var user = {
   bio: null,
   email:  "[email protected]",
   firstname: "Anna",
   id: 318,
   lastAvatar: null,
   lastMessage: null,
   lastname: "Nickson",
   nickname: "anny"
};

Misalkan Anda memiliki array users. Anda dapat menggunakan users.sortdan meneruskan fungsi yang membutuhkan dua argumen dan membandingkannya (pembanding)

Itu harus kembali

• sesuatu yang negatif jika argumen pertama kurang dari detik (harus ditempatkan sebelum argumen kedua dalam array yang dihasilkan)
• sesuatu yang positif jika argumen pertama lebih besar (harus ditempatkan setelah argumen kedua)
• 0 jika kedua elemen tersebut sama.

Dalam kasus kami jika dua elemen adalah adan bkami ingin membandingkan a.firstnamedanb.firstname

Contoh:

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

Kode ini akan bekerja dengan tipe apa pun.

Perhatikan bahwa dalam "kehidupan nyata" ™ Anda sering ingin mengabaikan huruf besar-kecil, urutkan dengan benar diakritik, simbol aneh seperti ß, dll saat Anda membandingkan string, jadi Anda mungkin ingin menggunakannya localeCompare. Lihat jawaban lain untuk kejelasan.

Kode terpendek dengan ES6!

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

String.prototype.localeCompare () dukungan dasar bersifat universal!

Sesuatu seperti ini:

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

Jika string dibandingkan berisi karakter unicode Anda dapat menggunakan localeComparefungsi dari Stringkelas seperti berikut ini:

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

ES6 satu liner kecil yang bagus:

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

Kita dapat menggunakan localeCompare tetapi perlu memeriksa kunci juga untuk nilai falsey

Kode di bawah ini tidak akan berfungsi jika satu entri memiliki nama yang hilang.

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

Jadi kita perlu memeriksa nilai falsey seperti di bawah ini

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

ATAU

kita bisa menggunakan lodash, ini sangat sederhana. Ini akan mendeteksi nilai-nilai yang dikembalikan yaitu apakah angka atau string dan melakukan pengurutan yang sesuai.

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

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

underscorejs menawarkan fungsi _.sortBy yang sangat bagus:

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

atau Anda dapat menggunakan fungsi pengurutan khusus:

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

Jika kita menyortir nama atau sesuatu dengan karakter khusus, seperti ñ atau áéíóú (commons dalam bahasa Spanyol) kita dapat menggunakan params locales ( es untuk bahasa Spanyol dalam kasus ini) dan opsi seperti ini:

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)

Pilihan lokasi resmi dapat ditemukan di sini di iana , es (spanyol), de (Jerman), fr (Prancis). Tentang basis sensitivitas berarti:

Hanya string yang berbeda dalam huruf dasar yang dibandingkan sebagai tidak sama. Contoh: a ≠ b, a = á, a = A.

Pada dasarnya Anda dapat mengurutkan array dengan metode sortir, tetapi jika Anda ingin mengurutkan objek maka Anda harus melewati fungsi untuk mengurutkan metode array, jadi saya akan memberi Anda contoh menggunakan array Anda

user = [{
bio: "<null>",
email: "[email protected]",
firstname: 'Anna',
id: 318,
"last_avatar": "<null>",
"last_message": "<null>",
lastname: 'Nickson',
nickname: 'anny'
},
{
bio: "<null>",
email: "[email protected]",
firstname: 'Senad',
id: 318,
"last_avatar": "<null>",
"last_message": "<null>",
lastname: 'Nickson',
nickname: 'anny'
},
{
bio: "<null>",
email: "[email protected]",
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;
});

Terinspirasi dari jawaban ini ,

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

Notasi yang lebih ringkas:

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

juga untuk penguraian asec dan desc, Anda dapat menggunakan ini: misalkan kita memiliki SortType variabel yang menentukan pengurutan atau pengurutan yang Anda inginkan:

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

Fungsi umum dapat ditulis seperti di bawah ini

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

Anda dapat melewati parameter di bawah ini

1. Data yang ingin Anda urutkan
2. Properti dalam data olehnya harus disortir
3. Parameter terakhir adalah tipe boolean. Ia memeriksa apakah Anda ingin menyortir dengan naik atau turun

mencoba

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

Anda dapat menggunakan ini untuk objek

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

hanya dengan kata-kata Anda dapat menggunakan metode ini

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

Anda dapat menggunakan metode larik bawaan - sort. Metode ini menggunakan metode panggilan balik sebagai param

    // 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"]

Poin-Poin Penting yang perlu diperhatikan untuk memahami kode ini.

1. Metode kustom, dalam hal ini,, myCustomSortharus mengembalikan +1 atau -1 untuk setiap pasangan elemen (dari array input) perbandingan.
2. Gunakan toLowerCase()/ toUpperCase()dalam metode panggilan balik penyortiran khusus sehingga perbedaan huruf besar / kecil tidak mempengaruhi kebenaran proses penyortiran.

Saya harap penjelasan ini cukup jelas. Jangan ragu untuk berkomentar jika menurut Anda, diperlukan lebih banyak info.

Bersulang!

Dorong jawaban teratas menjadi prototipe untuk disortir berdasarkan kunci.

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

Anda dapat menggunakan sesuatu yang serupa, untuk menghilangkan case sensitif

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;

})

Implementasi saya, berfungsi baik di versi ES yang lebih lama:

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

Sekadar catatan, jika Anda ingin memiliki fungsi sortir bernama, sintaksnya adalah sebagai berikut:

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

Perhatikan bahwa berikut ini TIDAK berfungsi:

users.sort(sortFunction(a,b))