Paano Pagbukud-bukurin ang Array ng Bagay ayon sa Property sa JavaScript

Paano Pagbukud Bukurin Ang Array Ng Bagay Ayon Sa Property Sa Javascript



Ang pag-uuri ay ang konsepto ng pag-aayos ng mga bagay sa isang tiyak na paraan. Sa JavaScript, ang pag-uuri ng array ay may malaking kahalagahan sa pag-aayos ng mga elemento sa pataas at pababang pagkakasunod-sunod. Halimbawa, ang array.sort() na paraan ay ginagamit upang pagbukud-bukurin ang isang array batay sa mga katangian ng object.

Ipinapakita ng artikulo kung paano pag-uri-uriin ang isang array ayon sa property ng object sa JavaScript. Ang nilalamang inihahatid sa gabay na ito ay ang mga sumusunod.







  • Paano Pag-uri-uriin ang Array ayon sa Object Property sa JavaScript
  • Halimbawa 1: Pag-uri-uriin ang Array ayon sa Alphabetical Order Gamit ang Name Property sa JavaScript
  • Halimbawa 2: Pag-uri-uriin ang Array ayon sa Numerical Order Gamit ang Age Property sa JavaScript

Paano Pag-uri-uriin ang Array ayon sa Object Property sa JavaScript?

Ang array.sort() Pinapadali ng pamamaraan ang pag-uuri ng mga elemento ng array sa pamamagitan ng paggamit ng callback function. Ang callback function ay umuulit sa lahat ng mga elemento batay sa mga katangian ng object sa array. Ang layunin ng pamamaraang ito ay kalkulahin ang lahat ng mga elemento sa pamamagitan ng pagtupad sa mga kundisyon na tinukoy ng gumagamit. Bilang default, ang array.sort() method ay nagbabalik ng pataas na pagkakasunod-sunod ng mga elemento sa umiiral na array.



Syntax



array.sort ( )


Tandaan : Ang pamamaraan ay ginagamit upang pag-uri-uriin ang numerical pati na rin ang mga elemento ng alpabeto.





Halimbawa 1: Pag-uri-uriin ang Array ayon sa Alphabetical Order Gamit ang Name Property sa JavaScript

Ang isang halimbawa ay ginagamit upang magsagawa ng pag-uuri ng mga halaga ng array sa pamamagitan ng property sa JavaScript.

Code



console.log ( 'Isang halimbawa ng sort array sa JavaScript' ) ;
const guro = [
{ pangalan: 'John' , edad: 30 } ,
{ pangalan: 'Peter' , edad: 27 } ,
{ pangalan: 'Bob' , edad: 38 }
] ;

mga guro.uri ( ( x at y ) = > x.name.localeCompare ( y.pangalan ) ) ;
console.log ( mga guro ) ;


Ang paliwanag ng code ay nakalista sa ibaba:

  • Isang array ' mga guro ” ay nilikha kung saan pangalan at edad ang mga ari-arian ay nakaimbak.
  • Isang paraan ' localeCompare ” ay iniangkop upang ihambing ang pangalan
  • Ang sort() paraan ay ginagamit upang tawagan ang isang ' localeCompare() ” paraan ng paghahambing ng unang alpabeto ng pangalan
  • Ang pamamaraang ito ay nagsasagawa ng pag-ulit sa lahat ng mga elemento sa kasalukuyang array.
  • Sa wakas, ang console.log() Ang pamamaraan ay ginagamit upang ipakita ang mga halaga ng ari-arian ng pangalan sa alpabetikong pagkakasunud-sunod.


Output


Ibinabalik ng output ang pinagsunod-sunod na hanay sa pagkakasunud-sunod ng alpabeto, tulad ng Bob, John, at Peter .

Halimbawa 2: Pag-uri-uriin ang Array ayon sa Numerical Order Gamit ang Age Property sa JavaScript

Ang isa pang halimbawa ay sinusunod upang maisagawa ang pag-uuri ng array sa pamamagitan ng mga katangian ng object sa JavaScript.

Code

console.log ( 'Isang halimbawa ng sort array sa JavaScript' ) ;
kung saan objAr = [
{ pangalan: 'John' , edad: 30 } ,
{ pangalan: 'Peter' , edad: 27 } ,
{ pangalan: 'Bob' , edad: 38 }
] ;
output =objAr.sort ( cmpAge ) ;
function cmpAge ( a, b )
{
bumalik a.edad - b.edad;
}
console.log ( output ) ;


Sa code na ito:

  • Isang array objAr ay nilikha kung saan pangalan at edad ang mga ari-arian ay nakaimbak.
  • Pagkatapos nito, tinawag ang isang pamamaraan cmpAge ay ginagamit upang ihambing ang edad
  • Higit pa rito, ang sort() paraan ay ginagamit para sa pagtawag sa cmpAge() paraan upang ihambing ang edad
  • Sinusuri ng pamamaraan ang lahat ng mga halaga ng edad ari-arian sa array.
  • Sa huli, ang console.log() Ang pamamaraan ay ginagamit upang ipakita ang ari-arian ng edad sa pataas na pagkakasunud-sunod.


Output


Ipinapakita ng output ang pinagsunod-sunod na hanay sa pamamagitan ng paggamit ng edad ari-arian sa JavaScript.

Konklusyon

Sa JavaScript, ang built-in na paraan array.sort() ay ginagamit upang ayusin ang isang array sa pamamagitan ng pag-access sa mga katangian nito. Ang pamamaraan ay gumagamit ng callback function upang magsagawa ng mga pag-ulit sa lahat ng mga elemento sa umiiral na array. Dalawang halimbawa ang ipinakita upang ayusin ang array ayon sa ayon sa alpabeto pati na rin ang numerical utos. Samakatuwid, kailangan mong maunawaan kung paano ayusin ang isang array ayon sa mga katangian ng mga bagay. Bukod dito, sinusuportahan ng lahat ng sikat na browser ang array.sort() paraan ng JavaScript .