JavaScript - Apresentando Arrays

 Hoje veremos o conceito de arrays na linguagem JavaScript.

O objetivo desta série de artigos sobre JavaScript é apresentar os conceitos básicos para poder usar o JavaScript em aplicações React, Angular, jQuery que interagem com aplicações ASP .NET Core ou ASP .NET MVC 5.

Na linguagem JavaScript arrays são usados para armazenar mais de um valor em uma única variável. Para criar um array usamos o objeto Array.

Se você tem uma lista de itens (uma lista de nomes de times, por exemplo), você poderia armazenar cada nome em uma variável individual assim:


  var time1 = "Palmeiras"
  var time2 = "Flamengo"
  var time3 = "São Paulo"
 

Tudo bem, isso resolver o problema, mas e se você tem uma lista com 100 times e depois vai precisar ordenar, localizar, agrupar, etc. os times.

Você pode então usar um array armazenando todos os nomes em uma única variável :


  var times = [ "Palmeiras", "Flamengo", "São Paulo" ]
 

Para acessar cada item no array você usa o índice atribuido a cada item que começa com o valor zero(0).

Assim times[0] refere-se ao primeiro item, time[1] ao segundo e time[2] ao terceiro.

E para percorrer ou iterar sobre um array podemos usar o método forEach que lista cada elemento do array.


     var times = [ "Palmeiras", "Flamengo", "São Paulo" ]

     times.forEach(function (item, indice, array) {
             console.log(item, indice);
      });
 		 
Vamos salvar o código acima em uma pasta c:\_javascript com o nome array1.js e usar o Nodejs para 
executar o arquivo javascript.
Nota: Veja neste artigo  como configurar o ambiente para usar o Nodejs. (veja as referências também)
Para executar abra um terminal de comando(cmd) entre na pasta onde salvou o arquivo javascript e 
digite: node array1.js
Temos o seguinte resultado:
Podemos também criar uma array usando a palavra-chave new :

     var times = new Array("Palmeiras", "Flamengo", "São Paulo" , "Santos" );
 		 
Vamos criar o arquivo array2.js com o código abaixo:

     var times = new Array("Palmeiras", "Flamengo", "São Paulo" , "Santos" );

     times.forEach(function (item, indice, array) {
             console.log(item, indice);
      });
 		 
Para executar digite o comando: node array2.js
Teremos o resultado a seguir:
Os arrays em Javascript possuem diversos métodos (map, pop, push, shift, slice, sort, reverse, etc.) 
que podemos usar para realizar as mais variadas tarefas.
Mas isso é um assunto para outro artigo.

"E por que atentas tu no argueiro que está no olho de teu irmão, e não reparas na trave que está no teu próprio olho ? "
Lucas 6:41

  • Veja os Destaques e novidades do SUPER DVD Visual Basic (sempre atualizado) : clique e confira !

    Quer migrar para o VB .NET ?

    Quer aprender C# ??

    Quer aprender os conceitos da Programação Orientada a objetos ?

    Quer aprender o gerar relatórios com o ReportViewer no VS 2013 ?

      Gostou ?   Compartilhe no Facebook   Compartilhe no Twitter

    Referências:

    José Carlos Macoratti