Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Leer Arrays Sorteren met de sort()-Methode | Geavanceerde Arraymethoden en Transformaties
Javascript Datastructuren

bookArrays Sorteren met de sort()-Methode

sort()

De sort()-methode herschikt de elementen van een array op hun plaats en retourneert de bijgewerkte array. Standaard werkt sorteren goed voor strings, maar kan het onverwacht gedrag vertonen bij getallen.

Standaard sorteergedrag

De sort()-methode converteert elementen standaard naar strings en vergelijkt deze in Unicode-volgorde. Daarom werkt het vanzelfsprekend voor strings, maar numerieke arrays kunnen onverwachte resultaten opleveren tenzij een vergelijkingsfunctie wordt opgegeven.


              
123

            
const numbers = [1, 2, 10, 21];
numbers.sort();
console.log(numbers); // Output: 1, 10, 2, 21
copy

Om getallen correct te sorteren, gebruik een vergelijkingsfunctie:


              
1234

            
const numbers = [1, 2, 10, 21];

const ascending = [...numbers].sort((a, b) => a - b);
console.log(ascending); // Output: 1, 2, 10, 21
copy

Aangepaste Sorteervolgordes

Om sortering aan te passen aan specifieke behoeften, wordt een callbackfunctie gebruikt. Deze functie, vaak een vergelijkingsfunctie genoemd, bepaalt de sorteervolgorde. Hier volgt een verkenning van aangepaste sortering voor zowel getallen als strings. Basis syntaxis:

array.sort((a, b) => {
  // Callback body
});
  • a wordt beschouwd als het eerste element;
  • b wordt beschouwd als het tweede element.

Getallen sorteren

In dit geval bepaalt de vergelijkingsfunctie de oplopende en aflopende volgorde op basis van de relatie tussen elementen a en b.


              
1234567

            
const numbers = [34, 25, 19, 1, 92, 2, 3];

const ascendingNumbers = [...numbers].sort((a, b) => a - b);
console.log(ascendingNumbers); // Output: 1, 2, 3, 19, 25, 34, 92

const descendingNumbers = [...numbers].sort((a, b) => b - a);
console.log(descendingNumbers); // Output: 92, 34, 25, 19, 3, 2, 1
copy

Strings sorteren

De methode localeCompare() maakt alfabetisch sorteren mogelijk, met opties voor zowel oplopende als aflopende volgorde.


              
1234567

            
const employees = ["Antonia", "Rene", "Casey", "Lorraine", "Shelia"];

const inAlphabetOrder = [...employees].sort((a, b) => a.localeCompare(b));
console.log(inAlphabetOrder); // Antonia, Casey, Lorraine, Rene, Shelia

const inReversedOrder = [...employees].sort((a, b) => b.localeCompare(a));
console.log(inReversedOrder); // Shelia, Rene, Lorraine, Casey, Antonia
copy

1. Wat is een belangrijk kenmerk van de sort()-methode?

2. Hoe behandelt de sort()-methode standaard elementen tijdens het sorteren?

3. Wat zal de uitvoer zijn in het onderstaande voorbeeld?

question mark

Wat is een belangrijk kenmerk van de sort()-methode?

Select the correct answer

question mark

Hoe behandelt de sort()-methode standaard elementen tijdens het sorteren?

Select the correct answer

question mark

Wat zal de uitvoer zijn in het onderstaande voorbeeld?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 7

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

bookArrays Sorteren met de sort()-Methode

Veeg om het menu te tonen

sort()

De sort()-methode herschikt de elementen van een array op hun plaats en retourneert de bijgewerkte array. Standaard werkt sorteren goed voor strings, maar kan het onverwacht gedrag vertonen bij getallen.

Standaard sorteergedrag

De sort()-methode converteert elementen standaard naar strings en vergelijkt deze in Unicode-volgorde. Daarom werkt het vanzelfsprekend voor strings, maar numerieke arrays kunnen onverwachte resultaten opleveren tenzij een vergelijkingsfunctie wordt opgegeven.


              
123

            
const numbers = [1, 2, 10, 21];
numbers.sort();
console.log(numbers); // Output: 1, 10, 2, 21
copy

Om getallen correct te sorteren, gebruik een vergelijkingsfunctie:


              
1234

            
const numbers = [1, 2, 10, 21];

const ascending = [...numbers].sort((a, b) => a - b);
console.log(ascending); // Output: 1, 2, 10, 21
copy

Aangepaste Sorteervolgordes

Om sortering aan te passen aan specifieke behoeften, wordt een callbackfunctie gebruikt. Deze functie, vaak een vergelijkingsfunctie genoemd, bepaalt de sorteervolgorde. Hier volgt een verkenning van aangepaste sortering voor zowel getallen als strings. Basis syntaxis:

array.sort((a, b) => {
  // Callback body
});
  • a wordt beschouwd als het eerste element;
  • b wordt beschouwd als het tweede element.

Getallen sorteren

In dit geval bepaalt de vergelijkingsfunctie de oplopende en aflopende volgorde op basis van de relatie tussen elementen a en b.


              
1234567

            
const numbers = [34, 25, 19, 1, 92, 2, 3];

const ascendingNumbers = [...numbers].sort((a, b) => a - b);
console.log(ascendingNumbers); // Output: 1, 2, 3, 19, 25, 34, 92

const descendingNumbers = [...numbers].sort((a, b) => b - a);
console.log(descendingNumbers); // Output: 92, 34, 25, 19, 3, 2, 1
copy

Strings sorteren

De methode localeCompare() maakt alfabetisch sorteren mogelijk, met opties voor zowel oplopende als aflopende volgorde.


              
1234567

            
const employees = ["Antonia", "Rene", "Casey", "Lorraine", "Shelia"];

const inAlphabetOrder = [...employees].sort((a, b) => a.localeCompare(b));
console.log(inAlphabetOrder); // Antonia, Casey, Lorraine, Rene, Shelia

const inReversedOrder = [...employees].sort((a, b) => b.localeCompare(a));
console.log(inReversedOrder); // Shelia, Rene, Lorraine, Casey, Antonia
copy

1. Wat is een belangrijk kenmerk van de sort()-methode?

2. Hoe behandelt de sort()-methode standaard elementen tijdens het sorteren?

3. Wat zal de uitvoer zijn in het onderstaande voorbeeld?

question mark

Wat is een belangrijk kenmerk van de sort()-methode?

Select the correct answer

question mark

Hoe behandelt de sort()-methode standaard elementen tijdens het sorteren?

Select the correct answer

question mark

Wat zal de uitvoer zijn in het onderstaande voorbeeld?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 7
some-alt