Metodi di manipolazione dell'array funzionare con array in javascript

Gli array sono la parte fondamentale di JavaScript e in questo post parleremo di manipolazione degli array. La manipolazione dell'array è l'attività che ci aiuta ad aggiungere/rimuovere/trasformare elementi nel nostro array. Ci sono dozzine di metodi in JavaScript che ci aiutano a manipolare gli array in base alle nostre esigenze.

Cos'è un array?

L'array è un tipo di variabile che è strutturato in modo da poter archiviare più e diversi tipi di valori in una sola variabile e successivamente accedere a tali valori usando indici di array. L'indice è il numero di posizione in cui l'elemento array viene archiviato o salvato.

Per esempio:

const leagues = ["laLiga", "Premier League", "Bundesliga", "Serie A"];

Nell'esempio sopra, se non usassimo array, dovremmo dichiarare 4 variabili e inizializzarle con i valori di cui sopra che sarebbero stati troppo frenetici.

Per esempio:

const League1 = "Laliga";
const league2 = "Premier League";
const league3 = "Bundesliga";
const League4 = "Seria A";

Come possiamo vedere, è molto meglio che utilizziamo array rispetto ai metodi tradizionali. Se non sei ancora convinto, supponiamo che tu abbia dovuto elencare tutti i principali campionati di calcio del mondo. Dichiareresti tutte le variabili e inizieresti con i nomi della lega di calcio uno per uno. Non sarebbe meglio usare array? Certo che lo è.

Metodi di array JavaScript

Convertire gli array in stringa

Supponiamo che tu abbia un array che vorresti convertire in una stringa per la quale JavaScript ci fornisce il accordare() Metodo integrato per aiutarci. IL accordare() Il metodo convertirà il nostro array in una stringa. Tutti i valori dell'array saranno separati da una virgola nella stringa

Esempio:

// Array con il nome di campionati di calcio
const leagues = ["laLiga", "Premier League", "Bundesliga", "Serie A"];
// Convertendo in stringa
console.Registro (campionati.accordare());

Il prossimo metodo integrato utilizzato molto dagli sviluppatori è il giuntura() metodo. Questa ha la stessa identica funzione di toString () i-e converte un array in stringa. L'unica differenza nel metodo join () è che qui possiamo specificare il separatore. Ad esempio, al posto delle virgole, possiamo fermare completamente. Per esempio:

// Array con il nome di campionati di calcio
const leagues = ["laLiga", "Premier League", "Bundesliga", "Serie A"];
// Convertendo in String con . separatore
console.Registro (campionati.giuntura("."));

Qui abbiamo specificato che i valori di un array dovrebbero essere separati con la fermata quando l'array viene convertito in una stringa.

Spingere e pop

Quando si lavora con gli array come sviluppatore, ci saranno momenti in cui è necessario aggiungere o rimuovere gli articoli da un array. Per ottenere il compito di aggiungere qualcosa o rimuovere qualcosa da un array, utilizziamo il metodo pop () e push ().

Metodo pop ()

L'eliminazione di un valore dall'array è ottenuta con il metodo pop () e elimina l'ultimo valore dell'indice dall'array.

Per esempio:

// Array con il nome di campionati di calcio
const leagues = ["laLiga", "Premier League", "Bundesliga", "Serie A"];
console.Registro (campionati.pop());
console.Registro (campionati.accordare());

Come possiamo vedere nello screenshot della console che l'elemento pop era sull'ultimo indice e successivamente quando abbiamo console registrare l'array non c'erano seria A.

Metodo push ()

La sintassi push è la stessa del pop. La differenza è la funzione che ciascuno. Il metodo push () viene utilizzato per inserire o aggiungere elementi all'ultimo indice dell'array.

Per esempio:

// Array con il nome di campionati di calcio
const leagues = ["laLiga", "Premier League", "Bundesliga", "Serie A"];
campionati.push ("ligue1");
// Convertendo in stringa
console.Registro (campionati.accordare());

Nell'argomento del metodo push () passiamo il valore che vogliamo aggiungere all'array. In questo esempio, abbiamo superato "Ligue1" come volevamo aggiungerlo ai nostri campionati di array. Quando spingiamo il valore, vedremo Ligue1 alla fine dell'array.

Elementi mutevoli

Il metodo Shift () è lo stesso del metodo pop () tranne per il fatto che rimuove il primo elemento dall'array. Lo fa spostando tutti gli altri elementi su un indice inferiore tranne il primo. Rimuove il primo elemento indice.

Per esempio:

// Array con il nome di campionati di calcio
const leagues = ["laLiga", "Premier League", "Bundesliga", "Serie A"];
// Rimozione del primo elemento
console.Registro (campionati.spostare());
// Convertendo l'array in stringa
console.Registro (campionati.accordare());

In questo esempio, nella finestra della console, ci verrà mostrato l'elemento che è stato eliminato dall'array. Quindi verrà mostrato il nuovo array.

Il metodo UnShift () è lo stesso del metodo push () tranne per il fatto che aggiunge un elemento all'inizio dell'array. La sintassi è la stessa del metodo di spostamento i-e leghe.UNSHIFT ("Scottish League").

Cambiare elementi

Possiamo cambiare un elemento all'indice specifico. L'indice inizia da 0 in un array.

Ad esempio, possiamo cambiare il primo elemento con:

campionati [0] = "Scottish League";

Possiamo anche scoprire la lunghezza totale dell'array utilizzando il metodo di lunghezza incorporato di JavaScript.

// Array con il nome di campionati di calcio
const leagues = ["laLiga", "Premier League", "Bundesliga", "Serie A"];
console.Registro (campionati.lunghezza);

Output: 4

Metodo Splice ()

Il metodo Splice () viene utilizzato per aggiungere elementi a un array proprio come il metodo push ().

Per esempio:

// Array con il nome di campionati di calcio
const leagues = ["laLiga", "Premier League", "Bundesliga", "Serie A"];
campionati.giunzione (2,0, "ligue1");
// Convertendo l'array in stringa
console.Registro (campionati.accordare());

Giunzione prende un indice in cui si desidera aggiungere un elemento. In questo esempio, abbiamo specificato il secondo indice in cui vogliamo aggiungere "ligue1". Gli elementi che vogliamo eliminare dall'array sono riportati nel secondo argomento. Dopo questo, possiamo aggiungere nuovi elementi, per quanto vogliamo. L'output sarà:

Possiamo anche utilizzare il metodo di giunzione per rimuovere un valore all'indice specificato.

Per esempio:

// Array con il nome di campionati di calcio
const leagues = ["laLiga", "Premier League", "Bundesliga", "Serie A"];
campionati.giunzione (0,1);
// Convertendo l'array in stringa
console.Registro (campionati.accordare());

Rimuoverà l'elemento che si trova al primo indice.

Fusione di array

Possiamo anche unire gli array usando il metodo Concat (). Il metodo Concat () non altera l'array originale e crea solo un nuovo array.

Per esempio:

In questo esempio, due array verranno combinati usando il metodo Concat ():

// Array con il nome di campionati di calcio
const leagues = ["laLiga", "Premier League", "Bundesliga", "Serie A"];
const LowerLeagues = ["Scottish", "Australian"];
const newtotalleagues = leghe.Concat (LowerLeagues);
// Convertendo l'array in stringa
console.registro (newtotalleagues.accordare());

Abbiamo aggiunto le pari basse ai campionati.

Conclusione

Più elementi di dati o variabili dello stesso tipo sono rappresentati in un array singolo e quell'array può quindi essere manipolato in molti modi che sono discussi in questo post. Abbiamo discusso della manipolazione dell'array in JavaScript esaminando i metodi più comuni su come manipolare un array. Speriamo che tutti questi esempi ti abbiano dato un'idea di come funziona la manipolazione dell'array.