Arrays são estruturas de dados utilizadas para armazenar e manipular coleções de valores.

Criação de Arrays

• Arrays em JavaScript são criados utilizando colchetes [] e são conhecidos como literais de array;
• Vírgulas separam os elementos dentro do array.

// Array literal creation
const colors = ["red", "green", "blue"];
const numbers = [1, 2, 3, 4, 5];

// Arrays with different data types
const mixedArray = ["apple", 42, true, { name: "John" }];

Acesso aos Elementos do Array

• Os índices dos arrays começam em 0, ou seja, o primeiro elemento possui índice 0, o segundo elemento possui índice 1 e assim por diante;
• Elementos específicos dentro de um array podem ser acessados utilizando colchetes com o índice do elemento.

const firstColor = colors[0]; // "red"
const secondNumber = numbers[1]; // 2

Modificação de Elementos do Array

Elementos de um array podem ser alterados acessando-os pelo índice e atribuindo um novo valor.

colors[1] = "yellow";
numbers[0] = 10;

Comprimento do Array

A propriedade length de um array representa o número de elementos que ele contém. Ela é ajustada automaticamente quando elementos são adicionados ou removidos.

const colorsCount = colors.length; // 3
const numbersCount = numbers.length; // 5

Encontrando o Último Elemento

Para obter o valor do último elemento de um array, é possível calcular seu índice usando o comprimento do array, que é array.length - 1.

const lastColor = colors[colors.length - 1];
const lastNumber = numbers[numbers.length - 1];

Laço For

• O laço for é utilizado para iterar sobre um array elemento por elemento;
• Utiliza uma variável contadora de laço (por exemplo, i) para acessar cada elemento pelo índice;
• O laço continua enquanto o contador for menor que o comprimento do array;
• Ferramenta fundamental para iteração em arrays.

for (let i = 0; i < numbers.length; i+=1) {
  console.log(numbers[i]);
}

Loop For...of

• O loop for...of é uma forma mais moderna e concisa de iterar sobre arrays;
• Ele gerencia automaticamente o contador do loop e fornece acesso direto ao valor de cada elemento;
• Simplifica a iteração de arrays, tornando o código mais limpo e legível.

for (const color of colors) {
  console.log(color);
}