Sortering lar deg ordne data i ønsket form. Det betyr at det blir lettere å få tilgang til og behandle disse dataene. I denne artikkelen om ‘Array Sort In JavaScript’ vil vi utforske forskjellige måter å sortere data i JavaScript. Vi vil fokusere på følgende tips,
- Sorteringsmetode i JavaScript
- Sortering av numeriske verdier
- Sorteringsarray i stigende rekkefølge
- Sorteringsarray i synkende rekkefølge
- Sortering av objekter
Så la oss komme i gang med det første emnet i denne Array Sort In JavaScript-artikkelen
Array Sort In JavaScript Article
Sorteringsmetode i JavaScript
Sort () -metoden sorterer elementene som er tilstede i matrisen tilsvarende, og returnerer den sorterte matrisen som en utgang til brukeren. Den innebygde metoden konverterer hvert element som er tilstede i matrisen til en streng , og sammenligner dem i Unicode-kodepunktrekkefølge. Selv om du begynner med installasjon først.
Koden nedenfor følger den mest grunnleggende matrisesorteringen:
var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var sorted = music.sort () document.write (music + '
')
Produksjon:
Blues, Jazz, Metal, Pop, Rock
La oss nå fortsette med 'Array Sort In JavaScript' og se hvordan vi kan sortere numeriske verdier,
Sortering av numeriske verdier
Sortering av tall som strenger gir falske og feil resultater.
var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var sorted = music.sort () document.write (music + '
')
Produksjon:
10,100,34,45,69,87
Resultatet ser ut til å være helt unøyaktig. Dette skjer fordi den numeriske matrisen blir konvertert til en streng etter sort () -metoden. Problemet kan utryddes ved å bruke a sammenligne funksjon.
Syntaksen for funksjonen er som følger:
array.sort ([CompareFunction])
Sammenligningsfunksjonen sorterer elementene som er tilstede i matrisen basert på forskjellige attributter og i en annen rekkefølge. Sorteringsfunksjonen () sammenligner to verdier og sender verdiene til sammenligningsfunksjonen.Sammenligningsfunksjonen følger testtilfellene gitt nedenfor:
- Hvis resultatet av å sammenligne de to verdiene (a & b) er negativ , a sorteres før b.
- Hvis resultatet ser ut til å være positivt , b sorteres før a.
- Hvis resultatet blir 0 , deretter ingen endring vises i sorteringsrekkefølgen til verdiene a & b.
I denne biten av Array Sort i JavaScript sorterer vi data i stigende rekkefølge,
Sorteringsarray i stigende rekkefølge
Følgende eksempel viser fremgangsmåten for å sortere matrisen i stigende rekkefølge.
var num = [45, 34, 69, 87, 100, 10] num.sort () // Sorterer tall array document.write (num)
Produksjon:
3,18,25,28,29,69
La oss gå videre, og la oss sjekke hvordan vi kan sortere matriser i fallende rekkefølge
Sorteringsarray i synkende rekkefølge
Matrisen kan sorteres i synkende rekkefølge på følgende måte:
til strengmetode i java
var num = [3, 25, 18, 28, 69, 29] // Sortering av en matrise med sammenligningsfunksjon num.sort (funksjon (a, b) {return a - b}) document.write (num)Produksjon:
69,29,28,25,18,3
Vi kan til og med sortere matriser av objekter, la oss se hvordan vi gjør det,
Sortering av objekter
Sammenligningsfunksjonen kan brukes til å sortere objektmatriser på en effektiv måte.
var people = [{name: 'Jeremy'}, {name: 'Ari'}, {name: 'Jonathan'}, {name: 'Alec'}, {name: 'Stephen'}] // Sorter etter navn folk .sort (funksjon (a, b) {var x = a.name.toLowerCase () // ignorere store og små bokstaver var y = b.name.toLowerCase () // ignorere store og små bokstaver hvis (xy) {return 1} // navn skal være lik retur 0}) // Sløyf gjennom alle elementene i matrisen for (var i hos mennesker) {// Sløyf gjennom alle egenskapene i objektet for (var prop in people [i]) {document .write (prop + ':' + folk [i] [prop] + '
')} document.write ('
')}Produksjon:
navn: Alec
navn: Ari
navn: Jeremy
navn: Jonathan
navn: Stephen
Metodene som er forklart i artikkelen demonstrerer nøye det faktum at sorteringsfunksjonen knyttet til sammenligningsfunksjonen spiller en avgjørende rolle i skriptspråket.
Med dette kommer vi til slutten av denne bloggen på ‘Array Sort In JavaScript’. Jeg håper du fant dette informativt og hjelpsomt, hold deg oppdatert for flere veiledninger om lignende emner. Du kan også sjekke ut vårt treningsprogram to få grundig kunnskap om jQuery sammen med de forskjellige applikasjonene du kan for live online trening med 24/7 support og levetidstilgang.
Har du et spørsmål til oss? Nevn dem i kommentarfeltet til denne bloggen, så kommer vi tilbake til deg.