Conhecendo um pouco sobre Array no JavaScript

Podemos dizer de uma forma descomplicada que arrays são listas, um conjunto de elementos da nossa escolha para diferentes finalidades. Neste caso, irei apresentá-los sobre arrays de forma informal, ou seja, de uma maneira fácil e divertida para facilitar o aprendizado de quem está começando.

Para começar vamos ver a estrutura básica de uma array. Veja:

const variavel = [ ];

A variável vai ser o nome que você vai escolher para a sua lista. Dentro dos colchetes você vai adicionar os elementos que desejar. No exemplo a seguir eu criei uma lista chamada "livros" e adicionei 3 elementos. É importante eu dizer que a contagem das listas começa em 0, irei explicar mais sobre isso em breve. Agora veja o exemplo:

const livros = ['Livro 1', 'Livro 2', 'Livro 3', 'Livro 4'];

Se eu quiser fazer um teste para ver se a lista está funcionando da forma correta, ou somente para explorar um pouco mais os comandos, eu posso escrever embaixo do código que eu utilizei de exemplo o seguinte:

console.log(livros);

Isso vai apresentar no meu terminal o seguinte resultado:

[ 'Livro 1', 'Livro 2', 'Livro 3', 'Livro 4' ]

Perfeito! O terminal imprimiu os elementos que estão dentro da minha lista. Agora podemos explorar mais comandos.

Ainda utilizando o mesmo exemplo, supondo que eu queira adicionar mais um livro na minha lista sem precisar escrever dentro dos colchetes. Para isso podemos utilizar o seguinte comando:

livros.push('Livro 5');

Este comando (push) vai adicionar elementos novos à minha lista sem que eu precise escrever o novo elemento dentro dos colchetes. Neste caso, Livro 5 será adicionado ao final da minha lista.

Para eliminar o útimo elemento da lista, utilizamos o pop. Para eliminar o primeiro elemento utilizamos shift. Observe:

const livros = ['Livro 1', 'Livro 2', 'Livro 3', 'Livro 4'];

console.log(livros.pop());
console.log(livros);

Neste exemplo, eu pedi para o meu código imprimir no meu terminal a lista sem o último elemento, no caso o Livro 4 não irá mais aparecer no meu terminal, pois eu utilizei o comando pop. Agora utilizando shift:

const livros = ['Livro 1', Livro 2', 'Livro 3', 'Livro 4'];

console.log(livros.shift());
console.log(livros);

Este código vai excluir somente o primeiro elemento da minha lista no terminal.

Para imprimir um elemento específico, escrevemos da seguinte forma:

const livro = ['Livro 1', 'Livro 2', 'Livro 3', 'Livro 4'];

console.log(livros[2]);

Este exemplo vai imprimir no meu terminal "Livro 3". A contagem das listas começa em 0, ou seja, o Livro 1 está na posição 0, o Livro 2 está na posição 1, e segue assim. Portanto, ao imprimir um elemento específico eu começo a contagem em zero e então escrevo dentro de colchetes a posição do elemento desejado. No exemplo apresentado eu escolhi a posição 2, portanto, o elemento "Livro 3".

Para finalizar, um exemplo que envolve um cálculo básico. Supondo que você é um estudante preparado, e quer saber a sua média antes do professor lançar as notas no sistema. Você pode criar um código semelhante a este:

const notas = [ ]

notas.push(6);
notas.push(9);
notas.push(7); 
notas.push(8);

const soma = notas[0] + notas[1] + notas[2] + notas[3];
console.log(soma / 4);

Perceba que eu não coloquei elementos dentro de colchetes, porque estamos assumindo que ainda estamos adicionando as notas aos poucos. Se o professor decidir acrescentar mais uma nota, podemos colocar na lista usando push e realizando as devidas alterações no "const soma" e "console.log" .

Utilizando o exemplo, assumindo que temos todas as notas, podemos executar este código. O resultado que vai aparecer em nosso terminal vai ser "7,5". Esta seria a média final tendo estes números como referência.

Chegamos ao fim deste artigo. Eu gostaria de ter resumido mais, porém eu quero passar o máximo de informação possível para facilitar os estudos de quem está começando e também para trocarmos conhecimentos com quem já possui experiência.

Agradeço muito a sua atenção, qualquer dúvida deixem nos comentários. Excelente semana!