Med sortering kan du ordna data i önskat format. Det betyder att det blir lättare att komma åt och bearbeta dessa data. I den här artikeln om ”Array Sort In JavaScript” skulle vi undersöka olika sätt att sortera data i JavaScript. Vi kommer att fokusera på följande pekare,
- Sorteringsmetod i JavaScript
- Sortera numeriska värden
- Sorteringsmatris i stigande ordning
- Sorteringsmatris i fallande ordning
- Sortera Array Of Objects
Så låt oss komma igång med det första ämnet i denna Array Sort In JavaScript-artikel
Array Sortera i JavaScript-artikel
Sorteringsmetod i JavaScript
Metoden sort () sorterar de element som finns i matrisen i enlighet därmed och returnerar den sorterade matrisen som en utdata till användaren. Den inbyggda metoden konverterar varje element som finns i matrisen till en sträng och jämför dem i Unicode-kodpunktsordning. Börja med installation först.
Koden nedan följer den mest grundläggande array-sorteringen:
var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var sorted = music.sort () document.write (music + '
')
Produktion:
Blues, Jazz, Metal, Pop, Rock
Låt oss nu fortsätta med 'Array Sort In JavaScript' och se hur vi kan sortera numeriska värden,
Sortera numeriska värden
Att sortera nummer som strängar ger falska och felaktiga resultat.
var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var sorted = music.sort () document.write (music + '
')
Produktion:
10,100,34,45,69,87
Resultatet verkar vara helt felaktigt. Detta händer eftersom den numeriska matrisen konverteras till en sträng med sort () -metoden. Problemet kan utrotas med hjälp av a jämföra fungera.
Syntaxen för funktionen är som följer:
array.sort ([jämför funktion])
Jämförningsfunktionen sorterar elementen som finns i matrisen baserat på olika attribut och i en annan ordning. Funktionen sort () jämför två värden och skickar värdena till jämförelsesfunktionen.Jämförningsfunktionen följer nedanstående testfall:
vad är ram i selen
- Om resultatet av att jämföra de två värdena (a & b) är negativ , a sorteras före b.
- Om resultatet verkar vara positiv , b sorteras före a.
- Om resultatet blir 0 , då ingen förändring visas i sorteringsordningen för värdena & b.
I denna bit av Array Sort i JavaScript sorterar vi data i stigande ordning,
Sorteringsmatris i stigande ordning
Följande exempel visar proceduren för att sortera matrisen i stigande ordning.
var num = [45, 34, 69, 87, 100, 10] num.sort () // Sorterar nummer array document.write (num)
Produktion:
3,18,25,28,29,69
Om vi går vidare kan vi checka ut hur man sorterar matriser i fallande ordning
Sorteringsmatris i fallande ordning
Matrisen kan sorteras i fallande ordning på följande sätt:
var num = [3, 25, 18, 28, 69, 29] // Sortera en matris med hjälp av jämförfunktionen num.sort (funktion (a, b) {return a - b}) document.write (num)Produktion:
69,29,28,25,18,3
Vi kan till och med sortera objektrader, låt oss se hur vi gör det,
Sortera Array Of Objects
Jämförningsfunktionen kan användas för att sortera objektmatriser på ett effektivt sätt.
var people = [{name: 'Jeremy'}, {name: 'Ari'}, {name: 'Jonathan'}, {name: 'Alec'}, {name: 'Stephen'}] // Sortera efter namn personer .sort (funktion (a, b) {var x = a.name.toLowerCase () // ignorera stora och små bokstäver var y = b.name.toLowerCase () // ignorera stora och små bokstäver om (xy) {return 1} // namn ska ha lika retur 0}) // Slinga igenom alla element i matrisen för (var i hos personer) {// Slinga igenom alla egenskaper i objektet för (var prop in people [i]) {document .write (prop + ':' + personer [i] [prop] + '
')} document.write ('
')}Produktion:
namn: Alec
namn: Ari
namn: Jeremy
namn: Jonathan
hur man lägger till Java i sökvägen
namn: Stephen
Metoderna som förklaras i artikeln visar noggrant att sorteringsfunktionen kopplad till jämförelsesfunktionen spelar en avgörande roll i skriptspråket.
Med detta kommer vi till slutet av denna blogg om ”Array Sort In JavaScript”. Jag hoppas att du tyckte att det här var informativt och hjälpsamt, håll dig uppdaterad om du vill ha mer självstudier om liknande ämnen. Du kan också kolla in vårt träningsprogram to få fördjupad kunskap om jQuery tillsammans med dess olika applikationer, du kan för live online-utbildning med support dygnet runt och livstidsåtkomst.
Har du en fråga till oss? Nämn dem i kommentarsektionen på den här bloggen så återkommer vi till dig.