Javascript-array sorteren

| | |

U kunt de JavaScript-methode sort () gebruiken om een array te sorteren. De methode sort () neemt een array als argument en sorteert de waarden ‚Äã‚Äãin oplopende volgorde. Tabellen worden op hun plaats gesorteerd, wat betekent dat de oorspronkelijke tabel wordt gewijzigd. Er wordt geen nieuwe tafel gemaakt.

U kunt ervoor kiezen om uw tafel in een bepaalde volgorde te sorteren. U kunt bijvoorbeeld een lijst met namen hebben die u de gebruiker in alfabetische volgorde wilt tonen.

Afhankelijk van hoe u de elementen van een array wilt sorteren, zijn er ingebouwde JavaScript-functies die je helpen. U kunt bijvoorbeeld de functie sort () gebruiken om een array alfabetisch te sorteren, de functie reverse () om een array in omgekeerde volgorde te sorteren en de functie sort () met een geneste functie om aangepaste sorteringen te maken.

In deze tutorial zullen we analyseren hoe sort () en reverse () gebruikt kunnen worden om een sorteerarrayfunctie in JavaScript uit te voeren.

JavaScript sort () methode

h2>

De De JavaScript-methode sort () leest waarden ‚Äã‚Äãuit een array en retourneert die waarden ‚Äã‚Äãin oplopende of aflopende volgorde. U kunt een tekenreeks met cijfers of tekenreeksen sorteren.

Houd rekening met de volgende syntaxis:

Deze code sorteert onze lijst met "waarden" . De lijst is op zijn plaats gesorteerd, wat betekent dat onze oorspronkelijke lijst is gewijzigd. sort () maakt geen nieuwe versie van een lijst.

Merk op dat de methode sort () de originele array wijzigt en de volgorde ervan verandert. Als we dezelfde originele array willen behouden, kunnen we de functie sort () uitvoeren en de waarde ervan opslaan in een nieuwe variabele.

Als u de inhoud van de methode sort () aan een nieuwe variabele toewijst, wordt de oorspronkelijke lijst nog steeds gewijzigd.

Voorbeeld JavaScript-sorteerarray

Voor het sorteren van een array in JavaScript , gebruiken we de ingebouwde standaard sorteer () methode. In zijn eenvoudigste vorm sorteert de methode sort () een array in oplopende alfabetische volgorde. Hier is een voorbeeld van de methode sort () in actie:

Onze code retourneert het volgende:

Onze array is gesorteerd é in oplopende volgorde. of de sort () methode om onze JavaScript-variabele genaamd "studenten" te sorteren. Vervolgens drukken we de waarde van "studenten" in de JavaScript-console .

JavaScript Array sort (): sorteer een numerieke array

We kunnen sort () gebruiken om de waarden ‚Äã‚Äãvan een numerieke lijst in oplopende volgorde te sorteren.

Stel dat we een lijst met cijfers van leerlingen hebben die we in oplopende volgorde willen sorteren. We kunnen ze sorteren met de methode sort () :

Onze code-uitvoer is als volgt:

Onze array is in oplopende volgorde gesorteerd! Wanneer ons programma de bewerking sort () start, worden de elementen in onze array gesorteerd op hun / waarden.

Aangezien sort () een lijst op zijn plaats sorteert, is het niet nodig om het resultaat van sort ( ) naar een nieuwe variabele. Onze code drukt de "votes"-tabel af naar de console.

JavaScript-array van objecten sorteren

De methode sort () kan worden gebruikt om een array van objecten te sorteren. We kunnen bijvoorbeeld een reeks JSON-objecten hebben die zowel de naam als de leeftijd van een student bevatten.

Hier is een voorbeeld van een sort () functie die een array van dit type sorteert op basis van de leeftijd van onze studenten :

Onze code geeft het volgende terug:

Onze code retourneerde onze reeks JSON-objecten gesorteerd op leeftijd van de student.

In de eerste regel, we declareer onze variabele "studenten" met vier studenten. Maak vervolgens een functie die de variabele van onze studenten rangschikt op basis van de waarde "age" in elk JSON-object waarmee leeftijden worden vergeleken. Ten slotte drukt ons programma onze gesorteerde lijst met studenten af.

JavaScript Array sort (): Sorteer in omgekeerde volgorde

Er is ook een ingebouwde JavaScript-functie waarmee u een array in omgekeerde volgorde: reverse ().

De methode reverse () keert een array om zodat het eerste element het laatste wordt en het laatste element het eerste. Daarom sorteert deze array een array niet in aflopende alfabetische volgorde.

Als we eerst een lijst sorteren met de methode sort () , kunnen we reverse () gebruiken om onze array in aflopende volgorde te zien.

Hier is een voorbeeld van de omgekeerde () functie in actie:

Onze code geeft het volgende terug:

Eerst sorteren we onze lijst in oplopende volgorde met sort (). Laten we vervolgens de lijst omkeren met reverse (). Onze lijst toont nu onze namen in aflopende alfabetische volgorde.

Het omgekeerde De functie (), zoals de functie sort (), verandert de volgorde van onze lijst. We kunnen het resultaat niet toewijzen van reverse () naar een nieuwe variabele zonder de oorspronkelijke array te wijzigen. We hebben hier eerder over gesproken met de methode sort () .

Conclusie

De JavaScript-methode sort () sorteert de inhoud van een lijst in oplopende of aflopende volgorde. sort () wijzigt een lijst op zijn plaats, wat betekent dat de methode geen nieuwe lijst maakt. reverse (), wanneer gebruikt na sort (), sorteert een lijst in aflopende volgorde.

In deze tutorial hebben we uitgelegd hoe je een array in JavaScript sorteert met behulp van sort (). We bespraken het sorteren van een numerieke array, het sorteren van een array van objecten en het gebruik van reverse () om de inhoud van een array.

Voor tips over de beste JavaScript-leerbron es en online cursussen, zie ons artikel Hoe JavaScript te leren .

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method