Artikel ini menunjukkan cara mengurutkan array berdasarkan properti objek di JavaScript. Konten yang disajikan dalam panduan ini adalah sebagai berikut.
- Cara Mengurutkan Array berdasarkan Properti Objek di JavaScript
- Contoh 1: Urutkan Array berdasarkan Urutan Abjad Menggunakan Properti Nama di JavaScript
- Contoh 2: Urutkan Array dengan Urutan Numerik Menggunakan Properti Umur di JavaScript
Bagaimana Mengurutkan Array berdasarkan Properti Objek di JavaScript?
Itu array.sort() metode memfasilitasi pengurutan elemen array dengan menggunakan fungsi panggilan balik. Fungsi callback mengulangi semua elemen berdasarkan properti objek dalam array. Tujuan dari metode ini adalah untuk menghitung semua elemen dengan memenuhi kondisi yang ditentukan pengguna. Secara default, array.sort() metode mengembalikan urutan menaik dari elemen dalam array yang ada.
Sintaksis
array.sort ( )
Catatan : Metode ini digunakan untuk mengurutkan elemen numerik dan alfabet.
Contoh 1: Urutkan Array berdasarkan Urutan Abjad Menggunakan Properti Nama di JavaScript
Contoh digunakan untuk melakukan pengurutan nilai array melalui properti di JavaScript.
Kode
console.log ( 'Contoh array pengurutan dalam JavaScript' ) ;
guru tetap = [
{ nama: 'Yohanes' , usia: 30 } ,
{ nama: 'Petrus' , usia: 27 } ,
{ nama: 'Bob' , usia: 38 }
] ;
guru.sort ( ( x dan y ) = > x.name.localeCompare ( y.nama ) ) ;
console.log ( guru ) ;
Penjelasan dari kode tercantum di bawah ini:
- Sebuah array “ guru ” dibuat di mana nama dan usia properti disimpan.
- Sebuah metode ' lokalBandingkan ” diadaptasi untuk membandingkan nama
- Itu menyortir() metode yang digunakan untuk memanggil “ lokalBandingkan() ” metode untuk membandingkan alfabet pertama dari nama
- Metode ini melakukan iterasi melalui semua elemen dalam array saat ini.
- Akhirnya, konsol.log() metode ini digunakan untuk menampilkan nilai-nilai properti nama dalam urutan abjad.
Keluaran
Output mengembalikan array yang diurutkan dalam urutan abjad, seperti Bob, John, dan Petrus .
Contoh 2: Urutkan Array dengan Urutan Numerik Menggunakan Properti Umur di JavaScript
Contoh lain diikuti untuk melakukan pengurutan array melalui properti objek dalam JavaScript.
Kode
console.log ( 'Contoh array pengurutan dalam JavaScript' ) ;dimana objAr = [
{ nama: 'Yohanes' , usia: 30 } ,
{ nama: 'Petrus' , usia: 27 } ,
{ nama: 'Bob' , usia: 38 }
] ;
keluaran =objAr.sort ( cmpUsia ) ;
fungsi cmpUsia ( a, b )
{
kembali a.umur - b.umur;
}
console.log ( keluaran ) ;
Dalam kode ini:
- Sebuah array objAr dibuat di mana nama dan usia properti disimpan.
- Setelah itu, metode yang disebut cmpUsia digunakan untuk membandingkan usia
- Selanjutnya, menyortir() metode yang digunakan untuk memanggil cmpUsia() metode untuk membandingkan usia
- Metode ini mengevaluasi semua nilai dari usia properti dalam array.
- Pada akhirnya, konsol.log() metode ini digunakan untuk menampilkan properti usia dalam urutan menaik.
Keluaran
Output menunjukkan array yang diurutkan dengan menggunakan usia properti dalam JavaScript.
Kesimpulan
Dalam JavaScript, metode bawaan array.sort() digunakan untuk mengurutkan array dengan mengakses propertinya. Metode ini menggunakan fungsi callback untuk melakukan iterasi melalui semua elemen dalam array yang ada. Dua contoh ditunjukkan untuk mengurutkan array berdasarkan alfabetis sebaik numerik memesan. Oleh karena itu, Anda harus memahami cara mengurutkan array berdasarkan properti objek. Selain itu, semua browser terkenal mendukung array.sort() metode dari JavaScript .