Explorando Arrays e Loops em JavaScript
Tutorial JavaScript Básico

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.

Dicas de JavaScript básico para iniciantes - Manipulação de DOM
Tutorial de JavaScript básico para iniciantes

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!

🔗 Discord webmundi.com

Posts Similares