Arrays e Loops
Descubra como trabalhar com arrays em JavaScript e utilize métodos comuns como push, pop, shift, unshift, map e filter. Aprenda a iterar sobre arrays usando loops como for, while e forEach com exemplos práticos.
Explorando Arrays e Loops em JavaScript
Arrays e loops são dois dos conceitos mais fundamentais em JavaScript. Arrays permitem armazenar e manipular coleções de dados, enquanto loops permitem iterar sobre esses dados de maneira eficiente. Neste post, vamos explorar os métodos comuns dos arrays e os diferentes tipos de loops que você pode usar para iterar sobre eles.
Introdução aos Arrays
Um array é uma estrutura de dados que pode armazenar múltiplos valores em uma única variável. Cada valor em um array é chamado de elemento, e cada elemento tem um índice, começando em 0.
Criando um Array
Você pode criar um array em JavaScript usando colchetes:
let frutas = ["maçã", "banana", "laranja"];
console.log(frutas); // Saída: ["maçã", "banana", "laranja"]
Métodos Comuns de Arrays
push
O método push adiciona um ou mais elementos ao final do array e retorna o novo comprimento do array:
frutas.push("uva");
console.log(frutas); // Saída: ["maçã", "banana", "laranja", "uva"]
pop
O método pop remove o último elemento do array e o retorna:
let ultimaFruta = frutas.pop();
console.log(ultimaFruta); // Saída: "uva"
console.log(frutas); // Saída: ["maçã", "banana", "laranja"]
shift
O método shift remove o primeiro elemento do array e o retorna:
let primeiraFruta = frutas.shift();
console.log(primeiraFruta); // Saída: "maçã"
console.log(frutas); // Saída: ["banana", "laranja"]
unshift
O método unshift adiciona um ou mais elementos ao início do array e retorna o novo comprimento do array:
frutas.unshift("manga");
console.log(frutas); // Saída: ["manga", "banana", "laranja"]
Métodos Avançados de Arrays
map
O método map cria um novo array com os resultados da chamada de uma função fornecida em cada elemento do array original:
let numeros = [1, 2, 3, 4];
let dobrados = numeros.map(num => num * 2);
console.log(dobrados); // Saída: [2, 4, 6, 8]
filter
O método filter cria um novo array com todos os elementos que passam no teste implementado pela função fornecida:
let pares = numeros.filter(num => num % 2 === 0);
console.log(pares); // Saída: [2, 4]
Iterando sobre Arrays com Loops
for
O loop for é uma das maneiras mais comuns de iterar sobre os elementos de um array:
for (let i = 0; i < frutas.length; i++) {
console.log(frutas[i]);
}
// Saída: "manga", "banana", "laranja"
while
O loop while executa um bloco de código enquanto uma condição especificada é verdadeira:
let i = 0;
while (i < frutas.length) {
console.log(frutas[i]);
i++;
}
// Saída: "manga", "banana", "laranja"
forEach
O método forEach executa uma função fornecida uma vez para cada elemento do array:
frutas.forEach(fruta => console.log(fruta));
// Saída: "manga", "banana", "laranja"
Conclusão
Arrays e loops são essenciais para manipulação de dados em JavaScript. Com métodos como push, pop, shift, unshift, map, e filter, você pode realizar diversas operações nos arrays. Os loops for, while e forEach permitem iterar sobre os elementos de um array de maneira eficiente. Domine esses conceitos e você estará bem equipado para lidar com manipulações de dados em JavaScript.
💡 Gostou do conteúdo?
✅ Apoie-nos: Siga, Curta, Comente e Compartilhe!
📲 Conecte-se com a WebMundi:
▶️ YouTube
▶️ Facebook
▶️ Instagram
▶️ LinkedIn
▶️ TikTok
👥 Participe do nosso Discord para tirar dúvidas e ajudar outras pessoas!
