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
Susan Sarandonasal
2024-12-20 13:27:14785semak imbas

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));

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!

Kenyataan:
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