Qual è la differenza tra l'array.fetta e array.giunzione in javascript?

Qual è la differenza tra l'array.fetta e array.giunzione in javascript?
L'array fetta() Metodo e array splice () Il metodo sono entrambi JavaScript incorporato e vengono utilizzati per ottenere un subarray da un array. Tuttavia, sono entrambi abbastanza diversi nel loro lavoro. Questo articolo li differenzierà l'uno dall'altro semplicemente superandoli uno per uno.

Il metodo dell'array slice ()

Il metodo dell'array slice () (come menzionato sopra) viene utilizzato per estrarre o creare un sotto-array da un array per genitori. Ciò significa che il suo valore di ritorno è un array stesso. Per comprendere il metodo Array Slice (), guarda il sintassi indicato di seguito:

subarray = arrayvar.fetta (inizia?: numero, fine?:numero);


In questa sintassi:

    • Subarray è il secondo array in cui viene memorizzato l'array restituito dal metodo Slice ()
    • Arrayvar è l'array principale da cui viene estratto il sotto-array
    • inizio definito il punto di partenza (indice) da dove selezionare gli elementi da copiare, dovrebbe essere un valore numerico
    • FINE è il punto finale (indice) della selezione, dovrebbe essere un valore numerico

Valore di ritorno

Restituisce un array

Lavorando

Il modo in cui funziona il metodo Splice () è che gli argomenti passati al suo interno definiscono la selezione di elementi a copia Nel secondo array. Ricorda, la parola usata qui è "copia" Perché l'array originale non viene modificato.

Esempio dell'array.Metodo Slice ()

Per dimostrare il funzionamento della fetta di array (), inizia creando un array con la seguente riga:

ArrayVar = [1, 2, 3, 4, 5, 6, 7, 8, 9];


Successivamente, crea semplicemente una nuova variabile che sta per memorizzare il valore di restituzione dal metodo Slice () e quindi impostare quella variabile uguale ad ArrayVar.slice () con la seguente riga:

returnArray = ArrayVar.fetta (2, 6);


Questa riga sopra seleziona gli elementi dall'indice 2 all'indice 5 perché l'indice endpoint approvato nell'argomento del metodo Slice () non è incluso nella selezione. Dopodiché, visualizza il file ReturnArray sul terminale:

console.log (returnArray);


Al momento dell'esecuzione del programma, il seguente risultato viene visualizzato sul terminale:


Per verificare che questo metodo Splice () non influisca sull'array originale, stampare semplicemente l'array originale anche sul terminale:

console.log ("L'array dopo slice () metodo", returnArray);
console.log ("L'array originale è come", arrayvar);


Eseguire nuovamente il programma per ottenere il seguente output sul terminale:


Dall'output è chiaro sopra menzionato che l'array originale non è stato influenzato dal metodo Slice ().

Il metodo dell'array spice ()

L'array.Il metodo Splice () (come menzionato sopra) viene utilizzato per creare o estrarre un sotto-array da un array. Tuttavia, il metodo Slice () rimuove gli elementi selezionati dall'array originale e li passa al secondo array. Per capire l'array splice () metodo, guarda il sintassi indicato di seguito:

returnArray = ArrayVar.giunzione (inizia?: numero, conta?:numero)


In questa sintassi:

    • ReturnArray viene utilizzato per archiviare il valore di restituzione del splice () metodo
    • Arrayvar è l'array da cui viene creato il secondo array
    • inizio è il punto di partenza (valore dell'indice) della selezione, dovrebbe essere un numero
    • contare è il numero di elementi da selezionare dal punto di partenza, dovrebbe essere un numero

Valore di ritorno

Restituisce un array

Lavorando

Il funzionamento del splice () Il metodo è abbastanza semplice, utilizza i valori passati nei suoi argomenti per effettuare una selezione dall'array originale. Successivamente, rimuove quegli elementi dall'array originale e li restituisce come valore di ritorno. Ciò significa che il metodo Splice () influisce sull'array originale

Esempio del metodo Splice ()

Per dimostrare il metodo funzionante del metodo Splice (), inizia creando un nuovo array con la seguente riga:

ArrayVar = [1, 2, 3, 4, 5, 6, 7, 8, 9];


Successivamente, crea una variabile per archiviare il valore restituito dal splice () metodo e impostalo uguale a Arrayvar.splice () Metodo come:

returnArray = ArrayVar.giunzione (2, 5);


Nella riga sopra, la selezione inizia dall'indice 2 e conta 5 elementi dopo quell'indice di avvio. Dopodiché, basta passare il "ReturnArray" variabile al registro della console per stampare il risultato sul terminale come:

console.log (returnArray);


L'esecuzione del programma creerà il seguente risultato sul terminale:


Dall'output è chiaro che il subarray ha 5 elementi sottratti dall'array originale. Per dimostrare l'effetto del splice () Metodo sull'array originale, stampare anche l'array originale utilizzando la funzione di registro della console:

console.log ("L'array dopo slice () metodo", returnArray);
console.log ("L'array originale è come", arrayvar);


L'esecuzione del codice fornirà il seguente output sul terminale:


Dall'output è chiaro che gli elementi selezionati sono stati rimossi dall'array originale e spostati nel secondo array che è ReturnArray variabile. Quindi è facile concludere che il metodo Splice () modifica l'array originale.

Incartare

Il metodo Array Slice () e il metodo Splice () Array Splice () vengono utilizzati per creare sotto-Verrai da un array per genitori. L'unica differenza tra i due è come svolgono il loro compito. Il metodo Slice () crea un subarray copiando gli elementi selezionati dall'array genitore nell'array figlio. Mentre il metodo Splice () crea un subarray rimuovendo gli elementi selezionati dall'array dei genitori e mettendoli nell'array per bambini.