O Que É Array Em Javascript?

Imagine que você vai criar um aplicativo vai mostrar ao usuário quanto ele vai pagar de IPVA no próximo ano. Como trabalhar com tantos dados assim?

Nesse vídeo eu vou te mostrar o que é array em Javascript, uma maneira de você trabalhar com um volume grande de informação dentro dos nossos softwares.

Vamos conhecer os arrays em Javascript, que permitem armazenar conjuntos de informações em um só lugar.

O Que É Array Em Javascript

As variáveis que vimos até agora eram do tipo simples. Já o array é uma variável do tipo composta.

Se você ainda não sabe o que é uma variável, dá uma olhada neste vídeo.

As variáveis do tipo simples permitem o armazenamento de apenas um valor correspondente. Quando criamos uma variável do tipo string, por exemplo, para guardar um nome, apenas um nome poderá ser colocado lá.

As variáveis do tipo composta já permitem o armazenamento de vários valores, de um mesmo tipo ou não.

Difícil? Resumindo: um array é uma estrutura permite guardar outras variáveis.

Por Que Usar Arrays Em Javascript?

Agora qual é a vantagem de se usar arrays em Javascript?

Imagine que vamos fazer um aplicativo de clima, que vai mostrar várias informações sobre o tempo de onde você mora.

Uma das informações que mostraremos neste app é a temperatura média mensal.

Poderíamos fazer o seguinte para guardar essas informações:

const temperaturaJan = 31.9;
const temperaturaFev = 35.4;
const temperaturaMar = 26.4;
const temperaturaAbr = 24.3;
const temperaturaMai = 22.9;

Só que desse jeito não fica muito bom, certo? Imagina se tivermos que guardar informação dos últimos 5 anos, a confusão que nosso código vai ficar.

Mas os arrays estão aí para nos ajudar a resolver isso assim:

const temperaturaMedia = [];
temperaturaMedia[0] = 31.9;
temperaturaMedia[1] = 35.4;
temperaturaMedia[2] = 26.4;
temperaturaMedia[3] = 24.3;
temperaturaMedia[4] = 22.9;

Desenhando Para Entender

Nada melhor do que desenhar para entender algo melhor, certo?

Sintaxe

A sintaxe de um array tem diversos formatos

A declaração direta utiliza colchetes:

var temperaturaMedia = []; //cria array vazio
var temperaturaMedia = [31.9, 35.4, 26.4, 24.3, 22.9];

Ou podemos utilizar o construtor new:

var temperaturaMedia = new Array(); //cria array vazio
var temperaturaMedia = new Array(5); //cria array com 5 elementos
var temperaturaMedia = new Array(31.9, 35.4, 26.4, 24.3, 22.9);

Vendo Um Exemplo

Vamos ver esse array dentro de um programa?

const temperaturaMedia = [];
temperaturaMedia[0] = 31.9;
temperaturaMedia[1] = 35.4;
temperaturaMedia[2] = 26.4;
temperaturaMedia[3] = 24.3;
temperaturaMedia[4] = 22.9;

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

Palavras Finais

Voltando ao início do vídeo, é claro que se fossemos criar um aplicativo de consulta do IPVA iriamos usar uma base de dados para guardar tanta informação.

Mas saiba que utilizar arrays para fazer isso seria totalmente viável, teríamos algumas desvantagens em relação a utilização de banco de dados, mas seria possível.

Esse exemplo foi só uma maneira de chamar a atenção da grande capacidade que os arrays tem para nos ajudar a criar código cada vez melhor.

Meu e-book Como Aprender a Programar do Absoluto Zero está GRATUITO por tempo limitado!

Olha o link: 👉🏼 http://celsokitamura.com.br/como-aprender-a-programar

Bora aprender a programar!