Apps Artificial Intelligence CSS DevOps Go JavaScript Laravel Linux MongoDB MySQL PHP Python Rust Vue

Mengurutkan Data Array Berdasarkan Nilai di JavaScript

1 min read .
Updated on
Mengurutkan Data Array Berdasarkan Nilai di JavaScript

Mengelola dan memanipulasi data array adalah tugas umum dalam pengembangan web. Artikel ini akan membahas cara mengurutkan array berisi objek berdasarkan nilai tertentu menggunakan JavaScript, dengan contoh mengurutkan daftar objek berdasarkan properti order.

1. Data Awal

saya mulai dengan sekumpulan data berupa array objek. Setiap objek memiliki dua properti: name dan order.

let data = [
  { name: 'Edward', order: 21 },
  { name: 'Sharpe', order: 37 },
  { name: 'And', order: 45 },
  { name: 'The', order: -12 },
  { name: 'Magnetic', order: 13 },
  { name: 'Zeros', order: 37 }
]

Tujuan saya adalah mengurutkan objek-objek ini berdasarkan nilai order.

2. Menggunakan sort() untuk Mengurutkan Array

JavaScript menyediakan metode sort() yang memungkinkan saya mengurutkan elemen array. Metode ini menerima fungsi pembanding (compare function) yang menentukan urutan pengurutan.

Sintaks dasar sort():

array.sort((a, b) => {
  // kode pengurutan
})

Fungsi pembanding menerima dua argumen, a dan b, yang merupakan elemen-elemen array yang dibandingkan. Berdasarkan nilai yang dikembalikan:

  • Jika hasil b - a positif, b ditempatkan sebelum a.
  • Jika hasil b - a negatif, a ditempatkan sebelum b.
  • Jika hasilnya nol, urutan antara a dan b tidak berubah.

3. Implementasi Pengurutan

Untuk mengurutkan array data berdasarkan nilai order secara menurun (descending), gunakan kode berikut:

let result = data.sort((a, b) => {
  return b.order - a.order
})

Di sini, mengurangkan b.order dari a.order akan membuat objek dengan nilai order tertinggi berada di depan.

4. Hasil Pengurutan

Setelah diurutkan, berikut hasil array data:

console.log(result);

Output:

[
  { name: 'And', order: 45 },
  { name: 'Sharpe', order: 37 },
  { name: 'Zeros', order: 37 },
  { name: 'Edward', order: 21 },
  { name: 'Magnetic', order: 13 },
  { name: 'The', order: -12 }
]

Sekarang objek dalam array telah diurutkan dari nilai order tertinggi ke terendah.

5. Mengubah Urutan

Jika ingin mengurutkan data secara menaik (ascending), cukup membalik pengurangannya:

let result = data.sort((a, b) => {
  return a.order - b.order
})

Objek akan diurutkan dari nilai order terkecil ke terbesar.

6. Kesimpulan

Metode sort() di JavaScript memberikan cara mudah dan fleksibel untuk mengurutkan data array, terutama ketika bekerja dengan array objek. Dengan memahami fungsi pembanding, Anda dapat menyesuaikan pengurutan sesuai kebutuhan. Teknik ini sangat berguna saat menampilkan data dalam urutan tertentu di aplikasi web.

JavaScript Array

Lihat Juga

JavaScript: Cara Cepat Filter Array
Updated on
JavaScript: Cara Cepat Filter Array
Filter array itu hal wajib di web development. Selain filter() dan includes(), ada banyak trik buat filter sesuai kebutuhan. Gini deh, beberapa contohnya. 1. Filter Berdasarkan Kondisi Copy const arr = [1,2,3,4,5,6]; const even = arr.filter(n => n % 2 === 0); console.log(even); // [2,4,6] 2. Filter Unik Copy const arr = [1,2,3,2,4,5,3]; const unique = arr.filter((x,i)=>arr.indexOf(x)===i); console.log(unique); // [1,2,3,4,5] 3. Filter Berdasarkan Properti Objek Copy const users = [ {name:'Alice', age:25}, {name:'Bob', age:30}, {name:'Charlie', age:25} ]; const filtered = users.filter(u=>u.age===25); console.log(filtered); // [{name:'Alice', age:25}, {name:'Charlie', age:25}] 4. Filter + Transform Copy const arr = [1,2,3,4,5]; const result = arr.filter(n=>n%2===0).map(n=>n*2); console.log(result); // [4,8] 5. Filter Dinamis Copy const filterArray = (arr, crit) => arr.filter(n=>n>=crit); console.log(filterArray([1,2,3,4,5],3)); // [3,4,5] Kesimpulan Pada akhirnya, filter() di JavaScript fleksibel banget. Bisa untuk angka, objek, unik, bahkan dinamis. Snippet di atas siap dipakai di proyek mana pun. Gini deh, kadang hal kecil kayak filter ini bikin manipulasi data jauh lebih mudah.
JavaScript Array
Mencari Teks dalam String dengan Fungsi Kustom di JavaScript
Updated on
Mencari Teks dalam String dengan Fungsi Kustom di JavaScript
Dalam pengembangan web atau aplikasi JavaScript, seringkali saya perlu mencari teks tertentu di dalam string yang lebih besar. Meski JavaScript menyediakan metode bawaan seperti indexOf atau search, terkadang saya ingin kontrol lebih atas hasil pencarian. Di sini akan dibahas cara membuat fungsi kustom findText. 1. Pengenalan Fungsi findText Fungsi findText dirancang untuk mencari substring dalam string dan mengembalikan teks di posisi substring tersebut. kita bisa menentukan jumlah karakter yang ingin diambil di kiri dan kanan substring yang ditemukan.
JavaScript
Mengelola Operasi Asinkron dengan Promise dan Async/Await dalam JavaScript
Updated on
Mengelola Operasi Asinkron dengan Promise dan Async/Await dalam JavaScript
Mengelola operasi asinkron di JavaScript bisa menjadi rumit, tapi dengan Promise dan async/await, kita bisa menulis kode yang lebih bersih dan mudah dipahami. Di artikel ini, kita akan membahas cara menggunakan keduanya untuk menangani operasi asinkron dengan contoh praktis. 1. Membuat State dengan Objek Sederhana kita mulai dengan membuat objek sederhana untuk menyimpan state: Copy let state = { text: 'text here' }; 2. Membuat Fungsi Asinkron dengan Promise Misalnya kita ingin mendapatkan nama depan dan nama belakang dari suatu data secara asinkron. kita bisa menggunakan fungsi yang mengembalikan Promise:
JavaScript
chevron-up