Come invertire un array in javascript

L'inversione di un array è un problema di codifica molto popolare che viene spesso posta come domanda di intervista quando si richiede una posizione di sviluppatore Javascript entry level. A volte ti verrà chiesto di modificare l'array originale in modo che il primo elemento diventi l'ultimo e il secondo elemento diventa il secondo ultimo elemento dell'array e così via. A volte potresti essere chiesto di invertire un array senza cambiare l'array originale.

In questo post esamineremo diversi metodi che vengono utilizzati per invertire un array in JavaScript; Questi metodi includeranno i metodi che invertono l'array originale e i metodi che possono essere utilizzati per creare un nuovo array invertito.

Come utilizzare il metodo JavaScript Over ()

Il metodo inverso in JavaScript viene utilizzato per invertire gli indici del contenuto di un array in modo tale che l'ultimo elemento dell'array diventi il ​​primo elemento dell'array e viceversa:

Sintassi

vettore.inversione()

Il metodo inverso JavaScript non prende alcun parametro e viene utilizzato in combinazione con il nome dell'array. Diamo un'occhiata a un esempio del metodo inverso:

let EmployeAnames = ['John', 'Jack', 'Chris', 'Hank'];
console.registro (Employeenames.inversione());

Nota: Questo metodo modifica la stringa originale.

Come invertire gli elementi dell'array senza cambiare l'array originale

Come accennato in precedenza, il metodo inverso modifica l'array originale. Quindi, se si desidera invertire l'array senza modificare l'array originale, dovrai utilizzare un altro metodo. Sfortunatamente JavaScript non ha un singolo metodo specifico per questa funzionalità, piuttosto dobbiamo usare una combinazione di metodi diversi per svolgere questa funzione.

Il primo metodo che impareremo è usare l'operatore di diffusione insieme al metodo inverso. Per prima cosa copierai l'array utilizzando l'operatore di spread e quindi chiamerete il metodo inverso sull'array appena creato:

let EmployeAnames = ['John', 'Jack', 'Chris', 'Hank'];
Let inversearr = [… Employeenames].inversione();
console.registro (dipendenti);
console.registro (reversarr);

Possiamo anche usare i metodi push e shaft in combinazione con un ciclo per invertire un array senza modificare l'array originale:

let EmployeAnames = ['John', 'Jack', 'Chris', 'Hank'];
let inversearr = [];
per (let i = 0; i <= employeeNames.length - 1; i++)
reversarr.UnShift (Employeenames [i]);

console.registro (reversarr);

Nell'esempio sopra, abbiamo avviato il ciclo da i = 0 poiché l'indicizzazione dell'array inizia a 0; Quindi impostiamo la condizione come io <= employeeNames.length - 1 as the highest index in an array will always be one number less than the total number of elements in the array.

All'interno del Loop abbiamo usato la funzione UnShift per aggiungere gli elementi dell'array di Employeenames al nuovo array di reversearr. Nella prima iterazione del ciclo I è uguale a 0, quindi Employeenames [i] seleziona il primo elemento dell'array e la funzione UnShift lo mette sul primo indice di Inversaarr. Nella seconda iterazione I è uguale a 1, quindi Employeenames [i] seleziona il secondo elemento dell'array e la funzione UnShift lo mette sul primo indice. L'elemento precedentemente presente sul primo indice ora si sposta sul secondo indice. Questo processo continuerà a ripetere fino a raggiungere l'ultimo elemento e l'intero array viene invertito.

Possiamo anche usare il metodo push per invertire un array allo stesso modo, ma per questo dovremo utilizzare un indice per loop decremento.

let EmployeAnames = ['John', 'Jack', 'Chris', 'Hank'];
let inversearr = [];
per (let i = Employeenames.lunghezza - 1; i> = 0; io--)
reversarr.push (Employeenames [i]);

console.registro (reversarr);

Conclusione

Invertire gli elementi di un array è una di quelle sfide di codifica che tutti dovrebbero tentare quando sono nuovi nell'apprendimento dei linguaggi di programmazione/scripting; Viene spesso chiesto di codificare quiz e interviste.

In questo post abbiamo usato il metodo inverso integrato per invertire un array JavaScript; Questo metodo modifica l'array originale, quindi abbiamo anche imparato altri metodi in cui potremmo invertire un array mentre preservavamo l'array originale. A tal fine abbiamo imparato a utilizzare l'operatore di diffusione e spingere i metodi di spostamento in combinazione con i loop.