Giuntura Javascript

| | | | | | | | | | | | | | | | | | | | |

Il metodo JavaScript splice() modifica un array. Viene utilizzato per aggiungere nuovi elementi a un array o rimuovere o modificare quelli esistenti. splice() cambia l’array su cui viene utilizzato. Non crea un nuovo array.

è comune voler aggiungere o rimuovere elementi da un elenco di elementi esistenti. Ad esempio, supponiamo che tu abbia un programma che restituisce informazioni sui dipendenti. Un dipendente è in ferie. Potresti volerli rimuovere temporaneamente dal tuo programma.

Puoi usare splice() per aggiungere elementi, rimuovere elementi da o modificare elementi in un array. Questo metodo consente di aggiungere o rimuovere elementi da un array. In questo tutorial, dimostreremo come funziona il metodo splice() e come utilizzarlo nel codice JavaScript.

Aggiornamento array

I contenuti di un array può includere numeri, stringhe e booleani. In JavaScript, puoi utilizzare un array per memorizzare più informazioni invece di memorizzare dati in più variabili. Ad esempio, se hai una classe di dieci studenti, puoi creare un array per elencare ciascuno dei loro nomi.

è possibile accedere agli array utilizzando i loro numeri di indice, che iniziano da 0. Ecco un esempio array:

JavaScript splice()

Il metodo JavaScript splice() aggiunge, modifica o rimuove un elemento da un array . splice() modifica un array esistente.

Diamo un’occhiata alla sintassi per splice():

splice() accetta tre parametri:

  • L’indice numero da cui iniziare (richiesto)
  • Il numero di elementi nell’array che desideri rimuovere (opzionale)
  • Elementi da aggiungere all’elenco (opzionale)

Puoi aggiungere più elementi a un elenco utilizzando la giunzione. Per fare ciò, devi specificare tutti gli elementi che desideri aggiungere come parametri finali.

splice() JavaScript: Delete From Array

Abbiamo un elenco di nomi di studenti. Paul si è trasferito in un’altra scuola e. Vogliamo rimuoverlo dal nostro elenco di nomi. Ecco un esempio di splice( ) rimuovendo un nome dal nostro array:

Dopo aver eseguito il nostro codice, otterremo il seguente output:

["Alex", "Fred", "Molly"]

Abbiamo eliminato l’elemento che inizia con l’indice "3" In questo caso, il La stringa JavaScript che abbiamo rimosso era "Paul.

Se dovessimo rimuovere il secondo argomento dal nostro codice, tutti gli elementi dopo l’indice "3&rdquo ; sarebbe stato anche rimosso.

splice() JavaScript: Aggiungi all’array

Se volessimo aggiungere un altro studente al nostro array, possiamo anche usare splice(). Se aggiungiamo un terzo parametro, potremmo specificare cosa dovrebbe essere aggiunto all’array. Ecco un esempio:

L’output di questo codice è il seguente:

["Alex", "Fred", "Molly", "Paul", "Hannah"]

La nuova stringa "Hannah" è stato aggiunto alla fine dell’array, nella posizione di indice "4." Nota che il nostro secondo parametro è stato impostato su 0 perché non stiamo rimuovendo alcun elemento dal nostro array. Splice semplifica l’aggiunta di nuovi elementi a un array.

Potremmo aggiungere più nomi includendo parametri aggiuntivi nel nostro codice:

var studenti = ["Alex", "Fred" , "Molly", "Paul"]

students.splice(4, 0, "Hannah", "Lily");

console.log(students);

Questo codice aggiunge sia "Hannah" che "Lily" alla nostra lista.

splice() JavaScript: Aggiungi e rimuovi dall’array

Se vogliamo aggiungere e rimuovere elementi da un array allo stesso tempo, possiamo anche usare splice(). Ecco un esempio di questo in azione:< /p>

L’output di questo codice è il seguente:

[ "Alex", "Fred", "Hannah", "Paul"]

Il nostro codice ha rimosso l’elemento nell’array con il valore di indice "2," che era "Molly." Quindi, il nostro codice ha aggiunto "Hannah" nella posizione di indice di "2."

JavaScript Splice vs. Slice

Alcuni sviluppatori si confondono tra JavaScript slice() e splice( ) perché slice() può essere utilizzato anche per rimuovere elementi da un array. Tuttavia, ci sono alcune differenze tra questi due metodi.

In primo luogo, slice() non cambia l’array originale, mentre (come visto sopra) la giunzione cambia l’originale Vettore. Inoltre, splice() restituisce il nuovo array con tutte le modifiche apportate, mentre splice() restituisce solo l’elemento rimosso.

Conclusione

splice () aggiunge elementi a, rimuove elementi da o modifica elementi in un array esistente. Puoi aggiungere o rimuovere da un array tutti gli elementi che desideri utilizzando splice().

Questo è tutto ciò che devi sapere su splice() in JavaScript. In breve, se stai cercando di aggiungere o rimuovere un elemento dagli array JavaScript, splice() può essere una funzione utile da conoscere.

Per saperne di più su JavaScript, leggi la nostra guida su migliori tutorial per principianti JavaScript.