Diperbarui tanggal 4/07/2016

Mengurutkan Data Array pada Javascript

kategori Javascript / tanggal diterbitkan 4 Juli 2016 / dikunjungi: 12.99rb kali

Javascript menyediakan suatu fungsi untuk mengurutkan data array secara alfabet secara ascending yaitu sort(). Untuk dapat mengurutkan data secara descending maka kita dapat menggunakan fungsi reverse(). Sebelum menggunakan reverse() untuk mengurutkan data secara descending maka kita harus mengurutkan data secara ascending terlebih dahulu dengan menggunakan fungsi sort(). Sintaks:

namaarray.sort();

Berikut contoh penggunaanya:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Latihan</title>

</head>

<body>
<h1>Mengurutkan Elemen Array</h1>
<script>
var hari=new Array('Minggu','Senin','Selasa','Rabu','Kamis','Jumat','Sabtu');

document.write("Sebelum  : "+hari+"<br><br>");

//mengurutkan berdasarkan ascending
hari.sort();
document.write("Diurutkan secara ascending  : "+hari+"<br><br>");

//array diurutkan berdasarkan descending
hari.reverse();
document.write("Diurutkan secara descending  : "+hari+"<br>");

</script>
</body>
</html>

Script diatas akan menghasilkan tampilan sebagai berikut:

Untuk dapat mengurutkan array dengan nilai numerik didalamnya, kita harus menambahkan fungsi untuk melakukan proses perbandingan numerik. Berikut contohnya:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Latihan</title>

</head>

<body>
<h1>Mengurutkan Elemen Array</h1>
<script>
var jumlah=new Array('100','110','20','1000','150','300','400');

document.write("Array awal  : "+jumlah+"<br><br>");

//mengurutkan dengan fungsi sort()
jumlah.sort();
document.write("Diurutkan dengan fungsi sort()  : "+jumlah+"<br><br>");

//array diurutkan berdasarkan descending

function perbandingan(a,b){
 return a-b;
}

jumlah.sort(perbandingan);
document.write("Diurutkan dengan fungsi perbandingan  : "+jumlah+"<br><br>");
</script>
</body>
</html>

Script tersebut akan menghasilkan tampilan sebagai berikut: