Qual a diferença de splice e slice em JavaScript

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

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

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!