Metodi mutatori di array in JavaScript spiegati con esempi

Metodi mutatori di array in JavaScript spiegati con esempi
In JavaScript, i metodi che modificano o sovrascrivono gli elementi di array originali sono chiamati metodi mutatore dell'array e ci sono molti metodi integrati disponibili in JavaScript che possono essere utilizzati per modificare gli elementi dell'array originale. Ad esempio, foreach (), reverse (), spice (), riempimento () e shift (). Questo articolo fornirà una panoramica approfondita di questi metodi con un paio di esempi.

Metodo Ordine () in JavaScript

Gli elementi dell'array di ordinamento è molto cruciale, in JavaScript un metodo Build-in 'ordinare()' viene utilizzato per ordinare gli elementi dell'array non desiderati, per impostazione predefinita ordina gli elementi dell'array in ordine crescente:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.ordinare();
console.log ("L'array ordinato:", input_array);

Utilizziamo la funzione Ord () in questo programma e, di conseguenza, restituirà un array ordinato:

Possiamo anche passare il parametro di confronto. Ad esempio, considera il codice di seguito per stampare l'array in ordine decrescente:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.sort (funzione (inferiore, più alto)
restituire più in basso;
);
console.log ("L'array ordinato:", input_array);

Abbiamo superato due parametri alla funzione "inferiore" e "più alto" e "superiore" restituirà l'output in ordine decrescente mentre "più basso" restituirà l'output in ordine crescente:

Metodo inverso () in JavaScript

In JavaScript, il metodo "Reverse ()" viene utilizzato per invertire l'ordine degli elementi dell'array, considera il codice di seguito per comprendere il funzionamento della funzione inversa:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.inversione();
console.log ("L'array inverso:", input_array);

L'output per la funzione inversa sarà:

Metodo push () in javascript

Per aggiungere alcuni nuovi elementi all'array JavaScript utilizza il metodo "push ()", aggiunge il nuovo elemento nell'ultimo indice dell'array:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.push (100);
console.log ("L'array aggiornato:", input_array);

Abbiamo aggiunto "100" nell'array usando il metodo push, l'output sarà:

Metodo pop () in javascript

In JavaScript, il metodo "Pop ()" elimina l'ultimo elemento dell'array:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.pop();
console.log ("L'array aggiornato:", input_array);

Il codice sopra tiro fuori il "6" dall'array e l'output risultante sarà:

Metodo Shift () in JavaScript

Il metodo "Shift ()" viene utilizzato per eliminare il primo elemento dell'array:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.spostare();
console.log ("L'array aggiornato:", input_array);

Il codice sopra tiro fuori il "15" dall'array e l'output di questo programma sarà:

Metodo UnShift () in JavaScript

Nelle funzioni JavaScript "Unshift ()" prende un elemento come parametro e lo mettono all'inizio dell'array:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.Undift (50);
console.log ("L'array aggiornato:", input_array);

L'output del codice sopra indicato sarà:

Metodo Fill () in JavaScript

In JavaScript, il metodo "Fill ()" replica tutte le voci di un array con un valore specificato:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.riempire (50);
console.log ("L'array aggiornato:", input_array);

Ora implementeremo il metodo "Fill" su "Input_array":

Nell'output, tutti gli elementi dell'array verranno replicati con il "50":

Il metodo di riempimento si occupa anche dei parametri opzionali. Ci vogliono tre parametri, prima per il valore specificato, secondo per l'indice iniziale e il terzo parametro per l'ultimo indice. Di conseguenza, replicherà tutti gli elementi dell'array dall'indice iniziale specificato all'ultimo indice specificato.

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.riempire (50, 1, 4);
console.log ("L'array aggiornato:", input_array);

Ad esempio, abbiamo superato 50, 1 e 3 nel metodo di riempimento, ora il metodo di riempimento sostituirà gli elementi dell'array dall'indice 1 all'indice 3 con 50. Mentre i valori degli indici rimanenti rimarranno invariati. Ora osservi l'output del metodo di riempimento parametrizzato:

Metodo Splice () in JavaScript

In JavaScript, il metodo "Splice ()" viene utilizzato molto frequentemente a causa delle sue proprietà uniche e specifiche. Può aggiungere o eliminare gli elementi di un array e può eseguire entrambe le azioni contemporaneamente.

Il metodo "Splice ()" contiene tre parametri:

  • Il primo parametro prende l'indice di partenza
  • Il secondo parametro specifica il numero totale di elementi da eliminare
  • Il terzo parametro è facoltativo e impiega l'elemento per inserire nell'array

Ora considera un esempio in cui vogliamo aggiungere un elemento nell'array senza eliminare alcun elemento esistente:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.giunzione (2, 0, 5);
console.log ("L'array aggiornato:", input_array);

In questo esempio, impostiamo il valore del secondo parametro come 0. Nell'output abbiamo osservato che "5" viene aggiunto all'indice due e non ha eliminato alcun valore esistente:

Ora considereremo un esempio in cui vogliamo eliminare un elemento dall'array:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.giunzione (1,2);
console.log ("L'array aggiornato:", input_array);

Qui nel primo parametro, specifichiamo l'indice iniziale "1" e nel secondo parametro scriviamo "2" che specifica che eliminano due elementi dell'array. Non abbiamo scritto il terzo parametro perché non vogliamo aggiungere un nuovo elemento nell'array:

Nell'output, abbiamo notato che i valori dell'indice 1 e 2 vengono eliminati dall'array:

Ora considereremo un esempio per aggiungere ed eliminare alcune voci di un array contemporaneamente:

const input_array = [15, 13, 0, 12, -10, 6];
Input_array.giunzione (1,2,50);
console.log ("L'array aggiornato:", input_array);

Quindi, in questo esempio, il metodo "Splice ()" specifica che dall'indice 1 in poi elimina due elementi e inserisci un nuovo elemento all'indice 1:

Conclusione

In JavaScript, i metodi mutatori non creano nuovi array, invece modificano gli array correnti. In questo articolo abbiamo coperto varie funzioni di mutatore dell'array. Impariamo come funzionano i metodi del mutatore in JavaScript e analizziamo che tra tutti questi metodi, il metodo POP e il metodo Push modificano gli indici finali dell'array mentre il metodo di spostamento e il metodo UnShift modificano gli indici iniziali dell'array. Inoltre, scopriamo come ordinare l'array in ordine crescente o discendente e come invertire o replicare gli elementi dell'array usando diversi metodi di mutatore.