Bagaimana Mengisih Tatasusunan Objek mengikut Atribut Menggunakan JQuery/JavaScript?

Mengisih Tatasusunan Objek dengan JQuery/JavaScript

Dalam JavaScript, anda mungkin menghadapi tatasusunan objek yang memerlukan pengisihan berdasarkan atribut tertentu. Untuk mengisih tatasusunan objek mengikut atribut tertentu, seperti "nama" dalam kes anda, ikut langkah berikut:

1. Ekstrak Atribut: Buat fungsi pembantu yang mengekstrak atribut yang dikehendaki daripada setiap objek dalam tatasusunan. Dalam kes anda, ia akan menjadi function(objek) { return object.name; }.
2. Tentukan Fungsi Perbandingan: Laksanakan fungsi perbandingan yang mengambil dua objek dan membandingkan atribut yang ditentukan. Untuk mengisih mengikut "nama" dalam susunan menaik, gunakan function(a, b) { return a.name.toLowerCase() - b.name.toLowerCase(); }.
3. Gunakan Array.sort(): Gunakan kaedah sort() pada array dengan fungsi perbandingan yang disediakan sebagai parameter: array.sort(comparisonFunction);.

Contoh:

Pertimbangkan tatasusunan objek berikut:

<code class="javascript">var array = [
  { id: 1, name: "Alice", value: 10 },
  { id: 2, name: "Bob", value: 15 },
  { id: 3, name: "Carl", value: 5 }
];</code>

Untuk mengisih tatasusunan mengikut "nama" dalam tertib menaik, gunakan fungsi berikut:

<code class="javascript">function SortByName(a, b) {
  var aName = a.name.toLowerCase();
  var bName = b.name.toLowerCase();
  return ((aName < bName) ? -1 : ((aName > bName) ? 1 : 0));
}</code>

Gunakan pengisihan menggunakan:

<code class="javascript">array.sort(SortByName);</code>

Tatasusunan yang terhasil akan diisih mengikut "nama" dalam tertib menaik:

<code class="javascript">[
  { id: 3, name: "Carl", value: 5 },
  { id: 1, name: "Alice", value: 10 },
  { id: 2, name: "Bob", value: 15 }
]</code>

Berkenaan Soalan Pendua:

Nampaknya soalan itu sebelum ini ditutup sebagai pendua kerana dianggap serupa dengan soalan kemudian yang mendapat perhatian lebih. Walau bagaimanapun, soalan ini telah ditanya lebih awal dan tidak sepatutnya ditandakan sebagai pendua.

Atas ialah kandungan terperinci Bagaimana Mengisih Tatasusunan Objek mengikut Atribut Menggunakan JQuery/JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!