Substituir e adicionar elementos é um dos aspectos mais importantes da . Neste artigo, entenderemos o método Splice () em Javascript da seguinte maneira:
O que é Splice Method () em JavaScript?
O método splice () em JavaScript altera o conteúdo de uma matriz removendo ou substituindo elementos existentes e / ou adicionando novos elementos.
Sintaxe
array.splice (index, howMany, [element1] [, ..., elementN])
Array.splice (índice, remove_count, item_list)
Parâmetros do Método de Splice () em JavaScript
Este método aceita muitos parâmetros, alguns deles são descritos abaixo:
índice: É um parâmetro obrigatório. Este parâmetro é o índice que começa a modificar o array (com a origem em 0). Isso também pode ser negativo, o que começa depois de muitos elementos contando a partir do final.
remove_count: O número de elementos a serem removidos do índice inicial.
items_list: A lista de novos itens separados por um operador vírgula que deve ser inserido a partir do índice inicial.
Valor de retorno: Embora modifique o array original no local, ainda assim ele retorna a lista de itens removidos. Caso não haja nenhum array removido, ele retorna um array vazio
Código de exemplo
Exemplo 1:
Clique no botão para adicionar e remover elementos.
Tente
var frutas = ['Banana', 'Laranja', 'Maçã', 'Manga']
document.getElementById ('demo'). innerHTML = fruits
function myFunction () {
frutas.splice (2, 1, 'Limão', 'Kiwi')
Aprenda a usar o Visual Studio
document.getElementById ('demo'). innerHTML = fruits
}
Exemplo 2:
Adicione um elemento à matriz existente enquanto remove outros elementos.
var arr = ['Segunda', 'Terça', 'Sábado', 'Domingo', 'Quinta', 'Sexta']
var result = arr.splice (2,2, 'quarta-feira')
document.writeln ('Matriz atualizada:' + arr + '
')document.writeln ('Elemento removido:' + resultado)
Exemplo 3:
Adicione um elemento à matriz existente enquanto remove outros elementos.
var arr = ['Segunda', 'Terça', 'Sábado', 'Domingo', 'Quinta', 'Sexta']
var result = arr.splice (2)
document.writeln ('Matriz atualizada:' + arr + '
')document.writeln ('Elemento removido:' + resultado)
Com isso, chegamos ao fim deste método Splice () no artigo Javascript. Espero que você tenha entendido como usar o método splice ().
Confira o por Edureka. O Treinamento de Certificação de Desenvolvimento Web o ajudará a aprender como criar sites impressionantes usando HTML5, CSS3, Twitter Bootstrap 3, jQuery e APIs do Google e implementá-lo no Amazon Simple Storage Service (S3).
Tem alguma questão para nós? Mencione isso na seção de comentários deste artigo e entraremos em contato com você.