Array é um tipo de objeto que permite armazenar uma coleção ordenada de informações com chaves associativas que começam no 0 (zero ). Seria como as vagas numeradas de um estacionamento, onde em cada vaga é possível armazenar (estacionar) informações quaisquer. Veja:

Criando um array

Para criar um array devemos instanciar um novo objeto do tipo Array, veja o exemplo a seguir.

var carros = new Array();

Para adicionar itens à coleção de um objeto do tipo array, podemos passá-los através do construtor. Veja:

var carros = new Array("Fusca", "GOL", "KOMBI", "Pálio");

Feito isso será associada uma chave para cada item adicionado ao array. Desta forma para acessá-los, devemos fazer o seguinte:

var carros = new Array("Fusca", "GOL", "KOMBI", "Pálio"); 
console.log(carros[0]);

Vá para o console do seu navegador (pressione f12) e será exibido “Fusca”.
Também é possível alterar o valor de um array, vamos alterar o valor de carros na chave 0 (zero):

var carros = new Array("Fusca", "GOL", "KOMBI", "Pálio");
carros[0] = "Ferrari 458"; console.log(carros[0]);

Desta forma “Fusca” será sobrescrito por “Ferrari 458”.

Objetos no Array

Os arrays também podem armazenar dados do tipo objeto. Veja:

var carros = new Array("Fusca", "GOL", "KOMBI", {marca: "Fiat", modelo: "Pálio", ano: 2017}); 

Para acessar os atributos do objeto use a sintaxe:

console.log(carros[3].marca); 
console.log(carros[3].modelo);
console.log(carros[3].ano);

Você também pode usar outra maneira para acessar as propriedades do objeto:

carros[3]["modelo"] ; 

Uma sintaxe alternativa para definir o array é:

var carros = new Array(); 
carros[0] = "Fusca" ; 
carros[1] = "GOL" ; 
carros[2] = "KOMBI" ; 
carros[3] = {marca: "Fiat", modelo: "Pálio", ano: 2017} ;

Se preferir também existe a sintaxe literal, nesta sintaxe nosso array carros é escrito assim:

var carros = ["Fusca", "GOL", "KOMBI", {marca: "Fiat", modelo: "Pálio", ano: 2017}]; 
console.log(carros); 

Seja curioso. Use o console.

Após um console.log na variável carros, acessamos o console do navegador (F12). Clique no tipo Array ao lado dos itens da nossa variável, então examine o box que se abre. Nele podemos ver os itens armazenados na variável carros e suas chaves associativas. Também nota-se a propriedade length, responsável por armazenar a quantidade de itens da array. O que se vê em “__proto__” é o protótipo do objeto.

Através do console temos uma visão geral do objeto array. Exploraremos mais sobre os métodos disponíveis no objeto array em outro post.