Comment inverser un tableau JavaScript

J'ai eu le besoin d'inverser un tableau JavaScript, et voici ce que j'ai fait.

Étant donné un tableaulist:

const list = [1, 2, 3, 4, 5]

Le moyen le plus simple et le plus intuitif est d'appeler lereverse()méthode d'un tableau.

Cette méthode modifie le tableau d'origine, donc je peux déclarerlisten tant que const, car je n'ai pas besoin de réaffecter le résultat de l'appellist.reverse()à lui:

const list = [1, 2, 3, 4, 5]
list.reverse()

//list is [ 5, 4, 3, 2, 1 ]

Vous pouvez associer cette méthode à l'opérateur d'étalement pour copier d'abord le tableau d'origine, puis l'inverser, de sorte que le tableau d'origine reste intact:

const list = [1, 2, 3, 4, 5]
const reversedList = [...list].reverse()

//list is [ 1, 2, 3, 4, 5 ] //reversedList is [ 5, 4, 3, 2, 1 ]

Une autre façon est d'utiliserslice()sans passer d'arguments:

const list = [1, 2, 3, 4, 5]
const reversedList = list.slice().reverse()

//list is [ 1, 2, 3, 4, 5 ] //reversedList is [ 5, 4, 3, 2, 1 ]

mais je trouve l'opérateur de diffusion plus intuitif queslice().

Téléchargez mon gratuitManuel du débutant JavaScript


Plus de tutoriels js: