Rumah > hujung hadapan web > tutorial js > Bagaimanakah saya boleh mengisih pelbagai objek mengikut nama pertamanya mengikut abjad dalam JavaScript?

Bagaimanakah saya boleh mengisih pelbagai objek mengikut nama pertamanya mengikut abjad dalam JavaScript?

Patricia Arquette
Lepaskan: 2024-11-14 19:17:02
asal
946 orang telah melayarinya

How can I sort an array of objects by their first name alphabetically in JavaScript?

Mengisih Tatasusunan mengikut Nama Pertama Mengikut Abjad dalam JavaScript

Dalam JavaScript, mengisih tatasusunan objek mengikut sifat tertentu boleh menjadi tugas yang berguna. Memandangkan tatasusunan yang mengandungi objek yang mewakili maklumat pengguna, cabarannya ialah mengisih tatasusunan mengikut abjad berdasarkan sifat "nama pertama".

Penyelesaian menggunakan ES6:

ES6 menyediakan cara ringkas untuk mencapai operasi pengisihan ini menggunakan kaedah sort() bersama-sama dengan kaedah localeCompare(). Coretan kod di bawah menunjukkan pendekatan ini:

users.sort((a, b) => a.firstname.localeCompare(b.firstname));
Salin selepas log masuk

Begini cara ia berfungsi:

  • Kaedah sort() dipanggil pada tatasusunan pengguna.
  • A fungsi perbandingan diluluskan sebagai hujah untuk mengisih(). Fungsi ini membandingkan dua objek a dan b dengan mengembalikan nombor negatif jika a sebelum b, nombor positif jika b sebelum a, atau 0 jika sama.
  • Nama pertama.localeCompare( ungkapan b.firstname) membandingkan sifat "nama pertama" objek a dan b menggunakan kaedah localeCompare(). Ia melakukan perbandingan rentetan yang tidak peka huruf besar-kecil, peka setempat, memastikan pengisihan yang betul untuk tempat yang berbeza.

Dengan menggunakan kaedah sort() dan localeCompare() ES6, kod ini menyediakan penyelesaian yang mudah dan cekap untuk mengisih tatasusunan objek mengikut sifat "nama pertama" mereka.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mengisih pelbagai objek mengikut nama pertamanya mengikut abjad dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan