Rumah > hujung hadapan web > tutorial js > Bagaimanakah saya boleh Mengisih Tatasusunan Objek mengikut Nilai Harta dalam JavaScript?

Bagaimanakah saya boleh Mengisih Tatasusunan Objek mengikut Nilai Harta dalam JavaScript?

Susan Sarandon
Lepaskan: 2024-12-20 13:27:14
asal
859 orang telah melayarinya

How do I Sort an Array of Objects by Property Value in 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));
Salin selepas log masuk

Sebagai alternatif, untuk ES6 dan ke atas:

homes.sort((a, b) => a.price - b.price);
Salin selepas log masuk

Aturan Menurun

Untuk mengisih objek dalam susunan harga menurun , gunakan:

homes.sort((a, b) => parseFloat(b.price) - parseFloat(a.price));
Salin selepas log masuk

Atau dalam ES6:

homes.sort((a, b) => b.price - a.price);
Salin selepas log masuk

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"
  }
]
Salin selepas log masuk

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"
  }
]
Salin selepas log masuk

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!

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