Pengurutan memungkinkan Anda menyusun data dalam formulir yang diperlukan. Artinya, semakin mudah untuk mengakses dan mengolah data ini. Dalam artikel tentang 'Array Sort In JavaScript' ini, kami akan menjelajahi berbagai cara menyortir data dalam JavaScript. Kami akan fokus pada petunjuk berikut,
- Metode Sortir Dalam JavaScript
- Menyortir Nilai Numerik
- Sorting Array Dalam Ascending Order
- Menyortir Array Dalam Urutan Menurun
- Menyortir Array Of Objects
Jadi mari kita mulai dengan topik pertama dari Array Sort In JavaScript Article ini
Urutkan Array Dalam Artikel JavaScript
Metode Sortir Dalam JavaScript
Metode sort () mengurutkan elemen yang ada dalam larik sesuai dan mengembalikan larik yang diurutkan sebagai keluaran bagi pengguna. Metode bawaan mengubah setiap elemen yang ada dalam larik menjadi tali , dan membandingkannya dalam urutan titik kode Unicode. Namun, mulailah dengan instalasi pertama.
Kode di bawah ini mengikuti jenis array paling dasar:
var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var sort = music.sort () document.write (music + '
')
Keluaran:
Blues, Jazz, Metal, Pop, Rock
Sekarang mari kita lanjutkan dengan 'Array Sort In JavaScript' dan lihat bagaimana kita bisa mengurutkan nilai numerik,
Menyortir Nilai Numerik
Mengurutkan angka sebagai string menghasilkan hasil yang salah dan salah.
var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var sort = music.sort () document.write (music + '
')
Keluaran:
10,100,34,45,69,87
Hasilnya tampaknya sama sekali tidak akurat. Ini terjadi karena array numerik diubah menjadi string dengan metode sort (). Masalah tersebut dapat diberantas dengan menggunakan a membandingkan fungsi.
Sintaks untuk fungsi tersebut adalah sebagai berikut:
array.sort ([bandingkanFungsi])
Fungsi bandingkan mengurutkan elemen yang ada dalam array berdasarkan atribut yang berbeda dan dalam urutan yang berbeda. Fungsi sort () membandingkan dua nilai dan mengirimkan nilai ke fungsi perbandingan.Fungsi bandingkan mengikuti kasus uji yang diberikan di bawah ini:
- Jika hasil perbandingan kedua nilai (a & b) adalah negatif , a diurutkan sebelum b.
- Jika hasilnya tampak seperti itu positif , b diurutkan sebelum a.
- Jika hasilnya adalah 0 , kemudian tidak ada perubahan muncul dalam urutan nilai a & b.
Di bagian Array Sort ini di JavaScript kita akan mengurutkan data dalam urutan menaik,
Sorting Array Dalam Ascending Order
Contoh berikut menunjukkan prosedur pengurutan array dalam urutan menaik.
var num = [45, 34, 69, 87, 100, 10] num.sort () // Mengurutkan nomor larik document.write (num)
Keluaran:
3,18,25,28,29,69
Bergerak lebih jauh, mari kita periksa cara mengurutkan array dalam urutan menurun
Menyortir Array Dalam Urutan Menurun
Array dapat diurutkan dalam urutan menurun dengan cara berikut:
Nomor fibonacci c ++
var num = [3, 25, 18, 28, 69, 29] // Mengurutkan array menggunakan fungsi bandingkan num.sort (fungsi (a, b) {return a - b}) document.write (num)
Keluaran:
69,29,28,25,18,3
Kita bahkan dapat mengurutkan array objek, mari kita lihat bagaimana melakukannya,
Menyortir Array Of Objects
Fungsi bandingkan dapat digunakan untuk mengurutkan array objek dengan cara yang efisien.
var people = [{name: 'Jeremy'}, {name: 'Ari'}, {name: 'Jonathan'}, {name: 'Alec'}, {name: 'Stephen'}] // Sort by name people .sort (function (a, b) {var x = a.name.toLowerCase () // abaikan huruf besar dan kecil var y = b.name.toLowerCase () // abaikan huruf besar dan kecil if (xy) {return 1} // nama harus sama kembali 0}) // Ulangi semua elemen dalam array untuk (var i in people) {// Ulangi semua properti dalam objek untuk (var prop in people [i]) {document .write (prop + ':' + people [i] [prop] + '
')} document.write ('
')}
Keluaran:
nama: Alec
nama: Ari
nama: Jeremy
nama: Jonathan
nama: Stephen
Metode yang dijelaskan dalam artikel dengan cermat mendemonstrasikan fakta bahwa fungsi sortir yang ditautkan dengan fungsi perbandingan memainkan peran penting dalam bahasa skrip.
Dengan ini kita sampai pada akhir blog ini tentang 'Array Sort In JavaScript'. Saya harap Anda menemukan ini informatif dan bermanfaat, nantikan lebih banyak tutorial tentang topik serupa. Anda juga dapat memeriksa program pelatihan kami.o dapatkan pengetahuan mendalam tentang jQuery bersama dengan berbagai aplikasinya, Anda bisa untuk pelatihan online langsung dengan dukungan 24/7 dan akses seumur hidup.
Ada pertanyaan untuk kami? Sebutkan mereka di bagian komentar blog ini dan kami akan menghubungi Anda kembali.