O método JavaScript array splice() é usado para adicionar/remover os elementos de/para o array existente. Ele retorna os elementos removidos de um array. O método splice() também modifica o array original.
Sintaxe
O método splice() é representado pela seguinte sintaxe:
array.splice(start,delete,element1,element2,?,elementn)
Parâmetro
começar - Representa o índice de onde o método inicia a extração dos elementos.
excluir - É opcional. Representa o número de elementos a serem removidos.
elemento1,elemento2,...,elementon - É opcional. Representa os elementos a serem inseridos.
Retornar
Uma nova matriz contendo os elementos removidos.
Exemplo de método JavaScript Array splice()
Aqui, entenderemos o método splice() por meio de vários exemplos.
Exemplo 1
Vejamos um exemplo para adicionar um elemento ao array existente sem remover outros elementos.
var arr=['Monday','Tuesday','Thursday','Friday']; var result=arr.splice(2,0,'Wednesday') document.writeln(arr);Teste agora
Saída:
Monday,Tuesday,Wednesday,Thursday,Friday
Exemplo 2
Vamos ver um exemplo para adicionar um elemento ao array existente enquanto remove outros 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);Teste agora
Saída:
Updated array: Monday,Tuesday,Wednesday,Thursday,Friday Removed element: Saturday,Sunday
Exemplo 3
Vamos ver um exemplo para adicionar dois elementos ao array existente enquanto remove um 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);Teste agora
Saída:
Updated array: Monday,Tuesday,Wednesday,Thursday,Friday Removed element: Sunday
Exemplo 4
Vejamos um exemplo para remover os elementos do array 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);Teste agora
Saída:
Updated array: Monday,Tuesday Removed element: Saturday,Sunday,Thursday,Friday