Arrays em Javascript - part I · davi1985

Os arrays são uma estrutura de dados bastante comuns e amplamente utilizada no desenvolvimento de software. Nesse post aprenderemos um pouco sobre essa estrutura e seu comportamento na linguagem Javascript.

Curiosidade: A primeira versão do Javascript não tinha suporte a arrays.

What is it?

Como já relatado no introdução, os arrays são uma estruturas de dados, e como estruturas eles possuem características predefinidas:

Em algumas linguagens são usados para armazenar um mesmo tipo de dados, mas o Javascript permite que um array tenha diversos tipos de dados.
```
const myArray = ["john", 24, {}]
```
Geralmente a posição do primeiro dado inserido no array é a posição zero (0). No exemplo abaixo para acessar a string 'jonh' usamos 'myArray[0]'
```
const myArray = ["john", "mari"]
   
```

Simple example

Provavelmente em algum momento do seu dia-a-dia como desenvolvedor talvez você precise armazenar os dias da semana. Sem utilizarmos os arrays podíamos ter uma solução como a do exemplo abaixo:

    const mon = "Monday"
    const tue = "Tuesday";
    const wed = "Wednesday";
    const thu = "Thursday";
    const fri = "Friday";
    const sat = "Saturday";
    const sun = "Sunday";

Observemos que criamos sete variáveis, uma para cada dia da semana, mas se utilizarmos os arrays podemos simplificar para uma única variável:

 const daysOfWeek = [ 
     "Monday", 
     "Tuesday", 
     "Wednesday", 
     "Thursday",
     "Friday", 
     "Saturday",
     "Sunday" 
    ];

Creating an array

Para criarmos um array em Javascript temos algumas opções:

a partir do construtor que a linguagem disponibiliza;
podemos criar um array ja definindo a quantidade de elementos que ele terá;

podemos criar já passando os valores no construtor;

const arrayByConstructor = new Array();
const arrayByConstructorAndLength = new Array(5); 
const arrayWithValuesInConstructor = new Array("John", "Mary", "Steve", "Paul");

Porém a forma mais comum de criarmos arrays em Javascript é com o uso de colchetes '[]'.

Accessing an array element

Para acessarmos um elemento de dentro do array utilizamos o nome da variável assinalada ao array seguida de colchetes com o index desejado, lembrando que o primeiro elemento de um array está no index zero:

 const daysOfWeek = [
     "Monday",
     "Tuesday",
     "Wednesday",
     "Thursday",
     "Friday",
     "Saturday",
     "Sunday"
   ];
 
 console.log(daysOfWeek[0]); // 'Monday'
 console.log(daysOfWeek[1]); // 'Tuesday'
 console.log(daysOfWeek[2]); // 'Wednesday'
 console.log(daysOfWeek[3]); // 'Thursday'
 console.log(daysOfWeek[4]); // 'Friday'
 console.log(daysOfWeek[5]); // 'Saturday'
 console.log(daysOfWeek[6]); // 'Sunday';

End of the first part

Assim chegamos ao fim da primeira parte do nosso estudo de arrays em Javascript. Espero que tenha agregado algum conhecimento e See you next time.