El método JavaScript Array splice () devuelve una matriz cambiando (agregando / eliminando) sus elementos en su lugar.
La sintaxis del splice()
método es:
arr.splice(start, deleteCount, item1,… , itemN)
Aquí, arr es una matriz.
Parámetros de empalme ()
El splice()
método incluye:
- inicio: el índice desde el que se cambia la matriz.
- deleteCount (opcional): la cantidad de elementos para eliminar
start
. - item1,…, itemN (opcional): los elementos que se agregarán al
start
índice. Si no se especifica,splice()
solo eliminará elementos de la matriz.
Valor de retorno de empalme ()
- Devuelve una matriz que contiene los elementos eliminados.
Nota: el splice()
método cambia la matriz original.
Ejemplo 1: uso del método 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++' )
Salida
('Java', 'Lua') ('JavaScript', 'Python', 'C', 'C ++') () ('JavaScript', 'Java', 'Lua', 'Python', 'C', ' C ++ ') (' Lua ',' Python ',' C ') (' JavaScript ',' Java ',' C ++ ')
Ejemplo 2: uso de splice () para diferentes valores deleteCount
- Si start> array.length ,
splice()
no elimina nada y comienza a agregar argumentos al final de la matriz. - Si start <0 , el índice se cuenta desde atrás ( array.length + start ). Por ejemplo, -1 es el último elemento.
- Si array.length + start <0 , comenzará desde el índice 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")
Salida
() ("JavaScript", "Python", "Java", "Lua", "C ++") ('C ++') ("JavaScript", "Python", "Java", "Lua", "Swift", " Scala "," Ir ")
Ejemplo 3: uso de splice () para diferentes valores iniciales
- Si se omite deleteCount o es mayor que el número de elementos que quedan en la matriz, elimina todos los elementos desde el principio hasta el final de la matriz.
- Si deleteCount es 0 o negativo , no se elimina ningún elemento. Pero debe especificarse al menos un elemento nuevo.
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" )
Salida
("Python", "Java", "Lua") ("JavaScript") () ("JavaScript", "Swift", "Scala", "Go")
Lecturas recomendadas:
- JavaScript Array.pop ()
- JavaScript Array.push ()