Neste artigo você vai aprender qual a diferença de splice e slice em JavaScript, dois métodos utilizados para manipular arrays.
Fala programador(a), beleza? Bora aprender mais sobre métodos de array!
Os dois métodos, splice e slice, fazem a mesma coisa, vão extrair métodos de um array
A grande diferença é:
- splice altera o array original;
- slice não altera o array original;
Isso pode ser irrelevante quando estamos iniciando os estudos em programação
Mas no dia a dia de um programador é diferente, geralmente queremos manter os valores dos dados iniciais
Ou seja, vamos preferir o slice para criar um novo array com menos elementos a partir do original
Veja alguns exemplos:
const arr = [1, 2, 3, 4, 5] arr.splice(3) // [1, 2, 3] console.log(arr) const arr2 = [1, 2, 3, 4, 5] const slicedArray = arr2.slice(3) console.log(arr2) // [1, 2, 3, 4, 5] console.log(slicedArray) // [4, 5]
Outra questão interessante é que o retorno de splice é o array menos os elementos extraídos
Já em slice o retorno são os elementos extraídos
Isso pode afetar um pouco a maneira que você utiliza os métodos
Deixe um comentário contando o que achou deste artigo 🙂
Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:
Conclusão
No artigo de hoje você viu a diferença de splice e slice em JavaScript
Os dois são métodos para alterar arrays, ou seja, fazer a manipulação de elementos
A grande diferença está em: splice modificar o array original e slice não, o slice mantém o array original completamente
O seu retorno são os elementos que foram removidos após a ação
Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.
Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!
Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!