Emenda JavaScript

| | | | | | | | | | | | | | | | | | | | |

O método splices () do JavaScript modifica um array. Permite adicionar novos elementos a uma tabela ou excluir ou modificar os que já existem. splice() altera o array no qual é usado. Ele não cria uma nova tabela.

É comum querer adicionar ou remover itens de uma lista de itens existentes. Por exemplo, digamos que você tenha um programa que forneça feedback dos funcionários. Um funcionário está de férias. Você pode removê-los temporariamente do seu programa.

Você pode usar splice () para adicionar elementos, remover elementos ou modificar elementos em uma matriz. Este método permite adicionar ou remover elementos de uma matriz. Neste tutorial, mostraremos como o método splice() funciona e como usá-lo em código JavaScript.

Atualizar matriz

O conteúdo de um array pode incluir números, strings e booleanos. Em JavaScript, você pode usar uma matriz para armazenar mais informações em vez de armazenar dados em várias variáveis. Por exemplo, se você tiver uma turma de dez alunos, poderá criar uma matriz para listar cada um de seus nomes.

As matrizes podem ser visualizadas usando seus números de índice, que começam em 0. Aqui está um exemplo de matriz :

JavaScript splice()

O método JavaScript splice() adiciona, modifica ou remove um elemento de uma matriz. splice() modifica um array existente

Olhe a sintaxe para splice():.

splice () aceita três parâmetros:

  • O número inicial do índice (obrigatório)
  • o número de elementos da matriz que você deseja remover (opcional)
  • os elementos a serem adicionados à lista ( opcional)

você pode adicionar vários itens a uma lista usando junção. para fazer isso, você precisa especificar todos os itens que deseja adicionar como parâmetros finais.

splice() JavaScript: remove from this array

Temos uma lista de nomes de alunos Paul mudou-se para outra escola e queremos removê-lo da nossa lista de nomes Aqui está um exemplo de splicing() deletando... um nome do nosso array:

Após executar nosso código, obteremos a seguinte saída:

["Alex", "Fred", "Molly"]

Excluímos o elemento que começa com o índice "3" Nesse caso, a A string JavaScript que excluímos foi "Paul

Se tivéssemos que remover o segundo argumento do nosso código, todos os elementos após o índice.‚" 3 " também teria sido removido

JavaScript splice (). Adicionar ao array

Se quisermos adicionar outro aluno ao nosso array, também podemos usar splice(). Se adicionarmos um terceiro parâmetro, podemos especificar o que deve ser adicionado ao array. Aqui está um exemplo:

A saída deste código é a seguinte:

["Alex", "Fred", "Molly", "Paul", "Hannah"]

a nova string "Hannah " foi adicionado no final do array, na posição do índice "4." Observe que nosso segundo parâmetro foi definido como 0 porque não estamos removendo nada do nosso array. O Splice facilita a adição de novos elementos a um array

Poderíamos adicionar outros nomes incluindo parâmetros adicionais em nosso código:.

student var = ["Alex", "Fred", "Molly", "Paul"]

students.splice (4 , 0, "Hannah", "Lily") ;

console.log (alunos);

Este código adiciona "Hannah" e "Lily" à nossa lista

splice () JavaScript. Adicionar e remover de um array

Se quisermos adicionar e remover elementos de um array ao mesmo tempo, também podemos usar splice() Aqui está um exemplo em ação.

A saída para este código é a seguinte:

["Alex", "Fred", "Hannah", "Paul"]

Nosso código removeu o elemento do array com o valor de índice "2" que era "Molly". Então nosso código adicionou "Hannah" na posição de índice de "2."

JavaScript Splice vs. Slice

Alguns desenvolvedores ficam confusos entre JavaScript slice ( ) e splice () porque slice () também pode ser usado para remover elementos de uma matriz. No entanto, existem diferenças entre esses dois métodos.

Primeiro, slice() não altera o array original, enquanto (como visto acima) a junção muda vetor original . Além disso, splice() retorna o novo array com as alterações feitas, enquanto splice() retorna o item removido.

Conclusão

splicing() adiciona elementos para, remove elementos ou modifica elementos em uma matriz existente. Você pode adicionar ou remover quantos elementos de um array quiser usando splice().

Isso é tudo que você precisa saber sobre splice() em JavaScript. Resumindo, se você deseja adicionar ou remover um elemento de arrays JavaScript, splice() pode ser uma função útil.

Para saber mais sobre JavaScript, leia nosso guia em melhores tutoriais de JavaScript para iniciantes .