JavaScript Array splice ()

Il metodo JavaScript Array splice () restituisce un array modificando (aggiungendo / rimuovendo) i suoi elementi in posizione.

La sintassi del splice()metodo è:

 arr.splice(start, deleteCount, item1,… , itemN)

Qui, arr è un array.

Parametri splice ()

Il splice()metodo comprende:

  • start - L'indice da cui viene modificato l'array.
  • deleteCount (opzionale) - Il numero di elementi da rimuovere start.
  • item1,…, itemN (opzionale) - Gli elementi da aggiungere startall'indice. Se non specificato, splice()rimuoverà solo gli elementi dall'array.

Valore di ritorno da splice ()

  • Restituisce un array contenente gli elementi eliminati.

Nota: il splice()metodo modifica l'array originale.

Esempio 1: utilizzo del metodo splice ()

 let languages = ("JavaScript", "Python", "Java", "Lua"); // replacing "Java" & "Lua" with "C" & "C++" let removed = languages.splice(2, 2, "C", "C++"); console.log(removed); // ( 'Java', 'Lua' ) console.log(languages); // ( 'JavaScript', 'Python', 'C', 'C++' ) // adding elements without deleting existing elements let removed1 = languages.splice(1, 0, "Java", "Lua"); console.log(removed1); // () console.log(languages); // ( 'JavaScript', 'Java', 'Lua', 'Python', 'C', 'C++' ) // removing 3 elements let removed2 = languages.splice(2, 3); console.log(removed2); // ( 'Lua', 'Python', 'C' ) console.log(languages); // ( 'JavaScript', 'Java', 'C++' )

Produzione

 ("Java", "Lua") ("JavaScript", "Python", "C", "C ++") () ("JavaScript", "Java", "Lua", "Python", "C", " C ++ ') (' Lua ',' Python ',' C ') (' JavaScript ',' Java ',' C ++ ')

Esempio 2: utilizzo di splice () per diversi valori di deleteCount

  • Se start> array.length , splice()non cancella nulla e inizia ad aggiungere argomenti alla fine dell'array.
  • Se start <0 , l'indice viene contato dall'indietro ( array.length + start ). Ad esempio, -1 è l'ultimo elemento.
  • Se array.length + start <0 , inizierà dall'indice 0 .
 let languages = ("JavaScript", "Python", "Java", "Lua"); // does not removes, only appends to the end let removed = languages.splice(5, 2, "C++"); console.log(removed); // () console.log(languages); // ("JavaScript", "Python", "Java", "Lua", "C++") // remove last element and add 3 more elements let removed1 = languages.splice(-1, 1, "Swift", "Scala", "Go"); console.log(removed1); // ( "C++" ) console.log(languages); // ("JavaScript", "Python", "Java", "Lua", "Swift", "Scala", "Go")

Produzione

 () ("JavaScript", "Python", "Java", "Lua", "C ++") ('C ++') ("JavaScript", "Python", "Java", "Lua", "Swift", " Scala "," Vai ")

Esempio 3: utilizzo di splice () per diversi valori iniziali

  • Se deleteCount viene omesso o è maggiore del numero di elementi rimasti nell'array, elimina tutti gli elementi dall'inizio alla fine dell'array.
  • Se deleteCount è 0 o negativo , nessun elemento viene rimosso. Tuttavia, è necessario specificare almeno un nuovo elemento.
 let languages = ("JavaScript", "Python", "Java", "Lua"); // removes everything from start let removed = languages.splice(1); console.log(removed); // ( "Python", "Java", "Lua" ) console.log(languages); // ( "JavaScript" ) // remove none & add 3 more element let removed1 = languages.splice(1, -2, "Swift", "Scala", "Go"); console.log(removed1); // ( ) console.log(languages); // ( "JavaScript", "Swift", "Scala", "Go" )

Produzione

 ("Python", "Java", "Lua") ("JavaScript") () ("JavaScript", "Swift", "Scala", "Go")

Letture consigliate:

  • JavaScript Array.pop ()
  • JavaScript Array.push ()

Articoli interessanti...