Rumah >hujung hadapan web >tutorial js >Bagaimanakah saya boleh Mengisih Tatasusunan Objek mengikut Nilai Harta dalam JavaScript?
Mengisih Tatasusunan Objek mengikut Nilai Harta dalam JavaScript
JavaScript menyediakan penyelesaian yang elegan untuk mengisih tatasusunan objek mengikut sifat tertentu. Keupayaan ini penting untuk menyusun senarai, mengambil elemen yang berbeza dan melaksanakan analisis data.
Pernyataan Masalah:
Anda telah mendapatkan semula pelbagai objek melalui AJAX dan ingin menyusunnya berdasarkan harta "harga". Pengisihan harus membenarkan tertib menaik dan menurun.
Penyelesaian:
Tertib Menaik
Untuk mengisih objek dalam tertib harga menaik, gunakan JavaScript berikut fungsi:
homes.sort((a, b) => parseFloat(a.price) - parseFloat(b.price));
Sebagai alternatif, untuk ES6 dan ke atas:
homes.sort((a, b) => a.price - b.price);
Aturan Menurun
Untuk mengisih objek dalam susunan harga menurun , gunakan:
homes.sort((a, b) => parseFloat(b.price) - parseFloat(a.price));
Atau dalam ES6:
homes.sort((a, b) => b.price - a.price);
Ingat untuk menghuraikan harga rentetan kepada nombor (parseFloat) sebelum membandingkannya.
Contoh:
Untuk tatasusunan yang diberikan objek, mengisih mengikut harga dalam hasil tertib menaik:
[ { "h_id": "3", "city": "Dallas", "state": "TX", "zip": "75201", "price": "162500" }, { "h_id": "4", "city": "Bevery Hills", "state": "CA", "zip": "90210", "price": "319250" }, { "h_id": "5", "city": "New York", "state": "NY", "zip": "00010", "price": "962500" } ]
Dan dalam susunan menurun:
[ { "h_id": "5", "city": "New York", "state": "NY", "zip": "00010", "price": "962500" }, { "h_id": "4", "city": "Bevery Hills", "state": "CA", "zip": "90210", "price": "319250" }, { "h_id": "3", "city": "Dallas", "state": "TX", "zip": "75201", "price": "162500" } ]
Keupayaan pengisihan ini membolehkan manipulasi data yang fleksibel dan cekap dalam aplikasi JavaScript.
Atas ialah kandungan terperinci Bagaimanakah saya boleh Mengisih Tatasusunan Objek mengikut Nilai Harta dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!