Métodos de Array em JavaScript: Guia Completo para Iniciantes
Neste guia completo, vamos explorar os principais métodos de array em JavaScript, como push, pop, shift, unshift, forEach e map.
Publicado em 8 de agosto de 2023
Glossário
O que são métodos de array em JavaScript?
Os métodos de array em JavaScript são funções embutidas na linguagem que permitem a manipulação, transformação e iteração de arrays. Arrays são estruturas de dados que armazenam uma coleção de elementos. Esses métodos fornecem uma maneira eficiente e conveniente de trabalhar com arrays, permitindo realizar diversas operações como adicionar, remover, alterar e pesquisar elementos.
Métodos de Array em JavaScript: uma visão geral completa
Nesta seção, faremos uma visão geral completa dos métodos de array em JavaScript. É importante entender a funcionalidade de cada método e como eles podem ser aplicados em diferentes situações.
Método push:
O método push permite adicionar um ou mais elementos ao final de um array. Por exemplo:
let frutas = ['maçã', 'banana'];
frutas.push('laranja', 'uva');
console.log(frutas); // ['maçã', 'banana', 'laranja', 'uva']
Método pop:
O método pop remove o último elemento de um array e retorna o elemento removido. Por exemplo:
let frutas = ['maçã', 'banana', 'laranja'];
let ultimaFruta = frutas.pop();
console.log(ultimaFruta); // 'laranja'
console.log(frutas); // ['maçã', 'banana']
Método shift:
O método shift remove o primeiro elemento de um array e retorna o elemento removido. Por exemplo:
let frutas = ['maçã', 'banana', 'laranja'];
let primeiraFruta = frutas.shift();
console.log(primeiraFruta); // 'maçã'
console.log(frutas); // ['banana', 'laranja']
Método unshift:
O método unshift adiciona um ou mais elementos no início de um array. Por exemplo:
let frutas = ['maçã', 'banana'];
frutas.unshift('laranja', 'uva');
console.log(frutas); // ['laranja', 'uva', 'maçã', 'banana']
Esses são apenas alguns exemplos dos métodos de array em JavaScript. Cada método possui sua própria utilidade e é importante entender como e quando utilizá-los.
Principais métodos de Array em JavaScript: Guia Completo para Iniciantes
Neste guia completo para iniciantes, veremos alguns dos principais métodos de array em JavaScript.
Método forEach:
O método forEach percorre todos os elementos de um array e executa uma função de callback para cada elemento. Por exemplo:
let frutas = ['maçã', 'banana', 'laranja'];
frutas.forEach(function(fruta) {
console.log(fruta);
});
Saída:
maçã
banana
laranja
Método map:
O método map cria um novo array com os resultados de uma função de callback aplicada a cada elemento do array original. Por exemplo:
let numeros = [1, 2, 3, 4, 5];
let quadrados = numeros.map(function(numero) {
return numero * numero;
});
console.log(quadrados); // [1, 4, 9, 16, 25]
Método filter:
O método filter cria um novo array com todos os elementos que passam por um teste especificado em uma função de callback. Por exemplo:
let numeros = [1, 2, 3, 4, 5];
let numerosPares = numeros.filter(function(numero) {
return numero % 2 === 0;
});
console.log(numerosPares); // [2, 4]
Método reduce:
O método reduce executa uma função de callback em cada elemento do array, resultando em um único valor. Por exemplo:
let numeros = [1, 2, 3, 4, 5];
let soma = numeros.reduce(function(acumulador, numero) {
return acumulador + numero;
});
console.log(soma); // 15
Os métodos de array em JavaScript proporcionam uma grande flexibilidade e poder para manipular e transformar arrays. Com a compreensão desses métodos, você poderá realizar várias operações de maneira eficiente e concisa. Esperamos que este guia completo tenha sido útil para você, ajudando-o a entender melhor os métodos de array em JavaScript.
Exemplos práticos de métodos de Array em JavaScript
Para consolidar o que aprendemos até agora, vamos ver alguns exemplos práticos de como utilizar os métodos de array em JavaScript.
Exemplo de utilização do método push:
Suponha que você tenha uma lista de compras e deseje adicionar novos itens à lista. Pode-se usar o método push para adicionar elementos ao final do array. Veja o exemplo abaixo:
let listaDeCompras = ['arroz', 'feijão', 'macarrão'];
listaDeCompras.push('cenoura', 'batata');
console.log(listaDeCompras); // ['arroz', 'feijão', 'macarrão', 'cenoura', 'batata']
Exemplo de utilização do método map:
Suponha que você tenha um array de números e queira criar um novo array com os números multiplicados por 2. Pode-se usar o método map para isso. Veja o exemplo:
let numeros = [1, 2, 3, 4, 5];
let numerosDobrados = numeros.map(function(numero) {
return numero * 2;
});
console.log(numerosDobrados); // [2, 4, 6, 8, 10]
Esses são apenas alguns exemplos de como utilizar os métodos de array em JavaScript. Com criatividade e prática, você poderá explorar todas as possibilidades que esses métodos oferecem.
Conclusão
Neste artigo, exploramos os métodos de array em JavaScript, entendendo sua funcionalidade e como aplicá-los em diferentes contextos. Os métodos de array fornecem uma maneira poderosa e eficiente de trabalhar com arrays, permitindo manipulações, transformações e iterações de forma simplificada.
Métodos como push, pop, shift, unshift, forEach, map, filter e reduce são fundamentais para qualquer desenvolvedor JavaScript. Com esses métodos em seu arsenal, você poderá escrever código mais limpo, eficiente e legível.
Esperamos que este guia completo sobre métodos de array em JavaScript tenha sido útil para você, fornecendo uma base sólida para explorar todo o potencial dessas poderosas ferramentas de programação. Não se esqueça de praticar e experimentar em seus projetos para aprimorar suas habilidades e se tornar um desenvolvedor JavaScript ainda melhor. Boa codificação!
A Awari é a melhor plataforma para aprender sobre programação no Brasil.
Aqui você encontra cursos com aulas ao vivo, mentorias individuais com os melhores profissionais do mercado e suporte de carreira personalizado para dar seu próximo passo profissional e aprender habilidades como Data Science, Data Analytics, Machine Learning e mais.
Já pensou em aprender de maneira individualizada com profissionais que atuam em empresas como Nubank, Amazon e Google? Clique aqui para se inscrever na Awari e começar a construir agora mesmo o próximo capítulo da sua carreira em dados.
Os links acima são links afiliados e ao se inscrever na Awari, você estará apoiando o Blog da Awari.
Aprenda uma nova língua na maior escola de idioma do mundo!
Conquiste a fluência no idioma que sempre sonhou com uma solução de ensino completa.
+ 400 mil alunos
Método validado
Aulas
Ao vivo e gravadas
+ 1000 horas
Duração dos cursos
Certificados
Reconhecido pelo mercado
Artigos Relacionados
Confira abaixo mais conteúdos sobre o tema
Curso Técnico Desenvolvedor de Sistemas: Aprenda a criar soluções tecnológicas
Um curso técnico desenvolvedor de sistemas é uma formação...
Curso Desenvolvedor Web em Curitiba: Aprenda a Programar e Construa sua Carreira
Curso Desenvolvedor Web Curitiba: Aprenda a programar, construa uma...
Curso Técnico de Desenvolvedor de Software: Aprenda as habilidades necessárias para se tornar um profissional de sucesso na área de desenvolvimento de software.
Resumo: Descubra os benefícios de fazer um curso técnico...
