reverse JavaScript — CodingCreativo

In questa lezione studieremo il metodo reverse di JavaScript, utile per invertire gli elementi di un array.

La sintassi è la seguente: nomeArray.reverse().

Facciamo quindi degli esempi per capirne il funzionamento.

reverse JavaScript - primo esempio

Invertire l'ordine di un array di stringhe preso in input, utilizzando il metodo reverse().

Da zero ad eroe

Entra nel mondo della programmazione web: variabili, funzioni, array, DOM, eventi. Con esercizi pratici e progetti coinvolgenti.

8 ore di corso registrato
Più di 50 algoritmi risolti passo passo
Livello base — da zero ad eroe
100% online, fruibile quando vuoi

Prendiamo quindi in input il nostro array, ad esempio un array composto da oggetti scolastici come il seguente:

let oggettiScolastici = ['gomma', 'quaderno', 'matita'];

Dopo utilizziamo semplicemente il metodo reverse sull'array dato, seguendo la sua sintassi e visualizziamo il risultato nella console del browser.

Ecco il codice di esempio d'utilizzo del metodo reverse() di JavaScript:

oggettiScolastici.reverse();
console.log(oggettiScolastici);

In questo modo nella console vedremo in ordine inverso il contenuto dell'array di partenza.

reverse JavaScript - secondo esempio

Ordinare un array di numeri e dopo invertirlo utilizzando il metodo reverse().

Quindi questa volta prendiamo in input un array di numeri, come da esempio sotto:

let numeri = [5,4,3,2,6,9,62];

Ricordiamo anche che per poter effettuare un ordinamento numerico di un array dobbiamo utilizzare la sintassi nomeArray.sort(funzione di confronto), come spiegato in questa lezione: sort javascript.

Quindi lo ordiniamo seguendo le specifiche indicate nella precedente lezione:

numeri.sort(function(a, b) {
  return a - b;
});

Infine applichiamo il metodo reverse di JavaScript e visualizziamo il risultato, per comodità, nella console del nostro browser.

numeri.reverse();
console.log(numeri);

Se riflettiamo in questo caso si poteva ottenere lo stesso risultato semplicemente effettuando un ordinamento decrescente dell'array di partenza.

Di seguito vi presento quindi una possibile soluzione alternativa all'algoritmo proposto che non utilizza il metodo reverse di JavaScript.

let numeri = [5,4,3,2,6,9,62];

numeri.sort(function(a, b) {
  return b - a;
});

console.log(numeri);

In questa lezione abbiamo semplicemente visto dei semplicissimi esempi d'utilizzo del metodo reverse di JavaScript. Nelle prossime lezioni affronteremo ancora altri metodi, attraverso lo studio di esempi pratici.

Lezione precedente: metodo sort di JavaScript

Lezione successiva: metodo splice di JavaScript