Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Ordinamento degli Array con il Metodo sort() | Metodi Avanzati degli Array e Trasformazioni
Practice
Projects
Quizzes & Challenges
Quiz
Challenges
/
Strutture Dati JavaScript

bookOrdinamento degli Array con il Metodo sort()

sort()

Il metodo sort() riordina gli elementi di un array in loco e restituisce l'array aggiornato. Per impostazione predefinita, l'ordinamento funziona bene con le stringhe ma può comportarsi in modo inatteso con i numeri.

Comportamento di ordinamento predefinito

Il metodo sort() converte gli elementi in stringhe per impostazione predefinita e li confronta secondo l'ordine Unicode. Per questo motivo funziona naturalmente con le stringhe, ma gli array numerici possono produrre risultati inattesi a meno che non venga fornita una funzione di confronto.

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

Per ordinare correttamente i numeri, utilizzare una funzione di confronto:

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

Ordini di ordinamento personalizzati

Per adattare l'ordinamento a esigenze specifiche, si utilizza una funzione di callback. Questa funzione, spesso chiamata funzione di confronto, determina la logica di ordinamento. Esploriamo l'ordinamento personalizzato sia per numeri che per stringhe. Sintassi di base:

array.sort((a, b) => {
  // Callback body
});
  • a è considerato come il primo elemento;
  • b è considerato come il secondo elemento.

Ordinare Numeri

In questo caso, la funzione di confronto determina l'ordine crescente o decrescente in base alla relazione tra gli elementi a e 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

Ordinare Stringhe

Il metodo localeCompare() consente l'ordinamento alfabetico, permettendo la personalizzazione sia per l'ordine crescente che decrescente.

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. Qual è una caratteristica chiave del metodo sort()?

2. Nel comportamento di ordinamento predefinito del metodo sort(), come tratta gli elementi?

3. Nell'esempio seguente, quale sarà l'output?

question mark

Qual è una caratteristica chiave del metodo sort()?

Select the correct answer

question mark

Nel comportamento di ordinamento predefinito del metodo sort(), come tratta gli elementi?

Select the correct answer

question mark

Nell'esempio seguente, quale sarà l'output?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 7

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

bookOrdinamento degli Array con il Metodo sort()

Scorri per mostrare il menu

sort()

Il metodo sort() riordina gli elementi di un array in loco e restituisce l'array aggiornato. Per impostazione predefinita, l'ordinamento funziona bene con le stringhe ma può comportarsi in modo inatteso con i numeri.

Comportamento di ordinamento predefinito

Il metodo sort() converte gli elementi in stringhe per impostazione predefinita e li confronta secondo l'ordine Unicode. Per questo motivo funziona naturalmente con le stringhe, ma gli array numerici possono produrre risultati inattesi a meno che non venga fornita una funzione di confronto.

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

Per ordinare correttamente i numeri, utilizzare una funzione di confronto:

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

Ordini di ordinamento personalizzati

Per adattare l'ordinamento a esigenze specifiche, si utilizza una funzione di callback. Questa funzione, spesso chiamata funzione di confronto, determina la logica di ordinamento. Esploriamo l'ordinamento personalizzato sia per numeri che per stringhe. Sintassi di base:

array.sort((a, b) => {
  // Callback body
});
  • a è considerato come il primo elemento;
  • b è considerato come il secondo elemento.

Ordinare Numeri

In questo caso, la funzione di confronto determina l'ordine crescente o decrescente in base alla relazione tra gli elementi a e 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

Ordinare Stringhe

Il metodo localeCompare() consente l'ordinamento alfabetico, permettendo la personalizzazione sia per l'ordine crescente che decrescente.

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. Qual è una caratteristica chiave del metodo sort()?

2. Nel comportamento di ordinamento predefinito del metodo sort(), come tratta gli elementi?

3. Nell'esempio seguente, quale sarà l'output?

question mark

Qual è una caratteristica chiave del metodo sort()?

Select the correct answer

question mark

Nel comportamento di ordinamento predefinito del metodo sort(), come tratta gli elementi?

Select the correct answer

question mark

Nell'esempio seguente, quale sarà l'output?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 7
some-alt