Como pegar os X primeiros itens de um array em JavaScript

Neste artigo você vai aprender a pegar os X primeiros itens de um array, ou seja, resgatar do primeiro ao elemento que você precisa com JS

Fala programador(a), beleza? Bora aprender mais sobre arrays e também sobre a linguagem JavaScript!

Basicamente precisamos do método slice, conseguimos extrair os elementos do array com ele

Passamos dois índices, que são as posições em que os elementos estão no array

Sendo 0 o primeiro item, e o último será o número que precisamos de elementos

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

Veja um exemplo prático:

const arr = ['a', 'b', 'c', 'd', 'e'];

const arrSelecao = arr.slice(0, 3);

console.log(arrSelecao); // ['a', 'b', 'c']

Note que criamos um array com algumas letras

E depois criamos uma segunda variável, que é o nosso array com os elementos selecionados

Passamos para o método slice os dois índices, 0 para iniciar do primeiro elemenot

E 3 para resgatar três elementos da lista

E este número é o que você deve modificar para atender a sua necessidade, podendo resgatar quantos elementos desejar

Conclusão

Neste artigo você aprendeu a pegar os X primeiros itens de um array em JavaScript

Utilizamos o método slice, passando dois índices (posição dos elementos)

O primeiro é 0, os arrays começam a contar do 0

E o segundo é o número de elementos que queremos extrair do nosso array

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!

Massa, mas e se tu quer o contrário, os últimos elementos em vez dos primeiros?

O slice também resolve, é só passar um índice negativo

Assim ele conta de trás pra frente

const ultimos = arr.slice(-2);

O -2 quer dizer: começa dois elementos antes do fim e vai até o final

Troca esse número pela quantidade de itens que tu precisa e tá resolvido

Se tu quer UM único elemento, o primeiro da lista, não precisa nem do slice

Basta acessar pela posição 0

Agora se tu quer o primeiro item mas ainda dentro de um novo array, aí sim o slice(0, 1) faz sentido

Depende do que tu vai fazer com o resultado depois

Aqui vai um detalhe que já ferrou muita gente

O slice NÃO altera o array original, ele devolve um array novo com os elementos selecionados

const selecao = arr.slice(0, 3);

Repara que o arr continua completo

Quem confunde slice com splice cai nessa, porque o splice esse sim mexe no array original

Então se tu só quer LER alguns itens sem estragar a lista, slice é o caminho

Na prática, quase nunca o número de itens vem fixo no código

Geralmente ele vem de uma variável, de um input do usuário ou de um cálculo

E isso funciona igualzinho

const quantidade = 3;

const selecao = arr.slice(0, quantidade);

É só jogar a variável no segundo índice do slice

Assim tu pega X itens de forma dinâmica, sem precisar mudar o código na mão toda vez