El método JavaScript array splice() se utiliza para agregar/eliminar elementos de/hacia la matriz existente. Devuelve los elementos eliminados de una matriz. El método splice() también modifica la matriz original.
Sintaxis
El método splice() está representado por la siguiente sintaxis:
array.splice(start,delete,element1,element2,?,elementn)
Parámetro
comenzar - Representa el índice desde donde comienza el método a extraer los elementos.
borrar - Es opcional. Representa el número de elementos que se eliminarán.
elemento1,elemento2,...,elementon - Es opcional. Representa los elementos a insertar.
Devolver
Una nueva matriz que contiene los elementos eliminados.
Ejemplo del método JavaScript Array splice()
Aquí entenderemos el método splice() a través de varios ejemplos.
Ejemplo 1
Veamos un ejemplo para agregar un elemento a la matriz existente sin eliminar otros elementos.
var arr=['Monday','Tuesday','Thursday','Friday']; var result=arr.splice(2,0,'Wednesday') document.writeln(arr);Pruébalo ahora
Producción:
Monday,Tuesday,Wednesday,Thursday,Friday
Ejemplo 2
Veamos un ejemplo para agregar un elemento a la matriz existente mientras se eliminan otros elementos.
var arr=['Monday','Tuesday','Saturday','Sunday','Thursday','Friday']; var result=arr.splice(2,2,'Wednesday') document.writeln('Updated array: '+arr+' <br>'); document.writeln('Removed element: '+result);Pruébalo ahora
Producción:
Updated array: Monday,Tuesday,Wednesday,Thursday,Friday Removed element: Saturday,Sunday
Ejemplo 3
Veamos un ejemplo para agregar dos elementos a la matriz existente mientras se elimina un elemento.
var arr=['Monday','Tuesday','Sunday','Friday']; var result=arr.splice(2,1,'Wednesday','Thursday'); document.writeln('Updated array: '+arr+' <br>'); document.writeln('Removed element: '+result);Pruébalo ahora
Producción:
Updated array: Monday,Tuesday,Wednesday,Thursday,Friday Removed element: Sunday
Ejemplo 4
Veamos un ejemplo para eliminar los elementos de la matriz existente.
var arr=['Monday','Tuesday','Saturday','Sunday','Thursday','Friday']; var result=arr.splice(2); document.writeln('Updated array: '+arr+' <br>'); document.writeln('Removed element: '+result);Pruébalo ahora
Producción:
Updated array: Monday,Tuesday Removed element: Saturday,Sunday,Thursday,Friday