Pengurutan Array JavaScript Lengkap untuk Pemula

Pengurutan Array JavaScript Lengkap untuk Pemula

Pelajari pengurutan array JavaScript lengkap mulai dari sort ascending, descending, random, Math.min(), Math.max(), hingga sorting object.

Pelajari pengurutan array JavaScript lengkap mulai dari sort ascending, descending, random, Math.min(), Math.max(), hingga sorting object.

Pengurutan Array JavaScript Lengkap untuk Pemula

 

JavaScript Array Sorting

Pembukaan

Pengurutan array JavaScript digunakan untuk menyusun data berdasarkan urutan tertentu seperti angka, teks, maupun object. Sorting sangat penting dalam pengembangan website modern untuk dashboard monitoring, analytic camera system, data CCTV, laporan server, dan statistik jaringan.

Dalam sistem profesional seperti Haikal IT Support, sorting array digunakan untuk:

  • Mengurutkan data CCTV

  • Statistik bandwidth

  • Daftar perangkat jaringan

  • Analytic camera report

  • Dashboard monitoring realtime

Berikut penjelasan lengkap pengurutan array JavaScript.


1. Mengurutkan Array dalam Urutan Menaik

Gunakan sort().

Contoh Kode

let perangkat = [
  "Router",
  "CCTV",
  "Server"
];

perangkat.sort();

console.log(perangkat);

Hasil Demo

["CCTV", "Router", "Server"]

Penjelasan

  • sort() mengurutkan berdasarkan alfabet.


2. Mengurutkan Array dalam Urutan Menurun

Gunakan reverse() setelah sort().

Contoh Kode

let perangkat = [
  "Router",
  "CCTV",
  "Server"
];

perangkat.sort();
perangkat.reverse();

console.log(perangkat);

Hasil Demo

["Server", "Router", "CCTV"]

3. Mengurutkan Array Angka Menaik

Sorting angka membutuhkan function compare.

Contoh Kode

let angka = [
  40,
  100,
  1,
  5,
  25
];

angka.sort(function(a, b) {
  return a - b;
});

console.log(angka);

Hasil Demo

[1, 5, 25, 40, 100]

Penjelasan

Rumus compare:

a - b

  • Nilai negatif → urutan naik.


4. Mengurutkan Array Angka Menurun

Contoh Kode

let angka = [
  40,
  100,
  1,
  5,
  25
];

angka.sort(function(a, b) {
  return b - a;
});

console.log(angka);

Hasil Demo

[100, 40, 25, 5, 1]

Penjelasan

Rumus descending:

b - a


5. Mengurutkan Angka Menurut Abjad atau Numerik

Contoh Salah

let angka = [40, 100, 1, 5];

angka.sort();

console.log(angka);

Hasil Demo

[1, 100, 40, 5]

Penjelasan

  • sort() default membaca sebagai string.

Contoh Benar

angka.sort(function(a, b) {
  return a - b;
});

Hasil Demo

[1, 5, 40, 100]

6. Mengurutkan Array Secara Acak

Contoh Kode

let angka = [1, 2, 3, 4, 5];

angka.sort(function() {
  return 0.5 - Math.random();
});

console.log(angka);

Hasil Demo

[3, 1, 5, 2, 4]

Penjelasan

  • Hasil selalu berubah acak.


7. Menemukan Angka Terendah dalam Array

Contoh Kode

let angka = [40, 100, 1, 5];

angka.sort(function(a, b) {
  return a - b;
});

console.log(angka[0]);

Hasil Demo

1

8. Menemukan Angka Tertinggi dalam Array

Contoh Kode

let angka = [40, 100, 1, 5];

angka.sort(function(a, b) {
  return b - a;
});

console.log(angka[0]);

Hasil Demo

100

9. Menggunakan Math.min()

Contoh Kode

let angka = [40, 100, 1, 5];

console.log(Math.min(...angka));

Hasil Demo

1

Penjelasan

  • Operator ... disebut spread operator.


10. Menggunakan Math.max()

Contoh Kode

let angka = [40, 100, 1, 5];

console.log(Math.max(...angka));

Hasil Demo

100

11. Metode myArrayMin Buatan Sendiri

Contoh Kode

function myArrayMin(arr) {

  return Math.min(...arr);

}

console.log(myArrayMin([10, 5, 100]));

Hasil Demo

5

12. Metode myArrayMax Buatan Sendiri

Contoh Kode

function myArrayMax(arr) {

  return Math.max(...arr);

}

console.log(myArrayMax([10, 5, 100]));

Hasil Demo

100

13. Mengurutkan Object Berdasarkan Properti Numerik

Contoh Kode

let camera = [

  {nama:"CCTV 1", total:10},

  {nama:"CCTV 2", total:5},

  {nama:"CCTV 3", total:20}

];

camera.sort(function(a, b) {
  return a.total - b.total;
});

console.log(camera);

Hasil Demo

[
 {nama:"CCTV 2", total:5},
 {nama:"CCTV 1", total:10},
 {nama:"CCTV 3", total:20}
]

14. Mengurutkan Object Berdasarkan Properti String

Contoh Kode

let perangkat = [

  {nama:"Server"},

  {nama:"CCTV"},

  {nama:"Router"}

];

perangkat.sort(function(a, b) {

  if(a.nama < b.nama) return -1;

  if(a.nama > b.nama) return 1;

  return 0;

});

console.log(perangkat);

Hasil Demo

[
 {nama:"CCTV"},
 {nama:"Router"},
 {nama:"Server"}
]

Penyebab Error Sorting Array

Beberapa kesalahan umum:

  • Sorting angka tanpa compare function

  • Salah property object

  • Salah penggunaan Math.min() dan Math.max()

  • Data bukan array


Cara Mengatasi Error Sorting

1. Gunakan Compare Function

Salah:

angka.sort();

Benar:

angka.sort(function(a, b) {
  return a - b;
});

2. Gunakan Property yang Benar

Salah:

a.totalCamera

Benar:

a.total

Contoh Kasus

Kasus:

Dashboard monitoring CCTV tidak mengurutkan kamera berdasarkan jumlah analytic event.

Solusi:

camera.sort(function(a, b) {

  return b.total - a.total;

});

Hasil Demo

Data berhasil diurutkan dari terbesar ke terkecil

Tips Tambahan

  • Gunakan compare function untuk angka.

  • Gunakan Math.max() dan Math.min() untuk statistik.

  • Gunakan sorting object untuk dashboard.

  • Gunakan random sorting hanya untuk simulasi.


Internal Link

Artikel terkait di Haikal IT Support:

  • Array JavaScript

  • Metode Array JavaScript

  • Matematika JavaScript

  • Fungsi JavaScript

  • Dasar JavaScript


Kesimpulan

Pengurutan array JavaScript digunakan untuk menyusun data angka, string, maupun object agar lebih mudah diproses dan ditampilkan. JavaScript menyediakan berbagai metode sorting seperti sort(), reverse(), Math.min(), Math.max(), hingga sorting custom object.

Pemahaman sorting sangat penting dalam pengembangan dashboard monitoring CCTV, analytic camera system, server management, dan network system profesional di Haikal IT Support.

إرسال تعليق

Silakan tinggalkan komentar Anda dengan bahasa yang sopan dan relevan dengan topik.
Pertanyaan, saran, atau sharing pengalaman seputar IT Support sangat kami apresiasi.
Komentar yang mengandung spam, promosi, atau ujaran tidak pantas tidak akan ditampilkan.
Terima kasih 🙏