Programação
 › Algoritmo  › C/C++  › Java
Web
 › HTML/XHTML  › JavaScript  › PHP
Sistema Operacional
 › Comandos de DOS  › Windows  › Linux  › Mac/BSD
Office
 › Word / Writer  › Excel / Calc
Áreas do Site
 › Download  › Fórum  › Blog
Recomendamos
Computadores e Informática em Lisboa
TI Expert » Programação » Web » JavaScript » Array (vetores)

Array (Vetor)

Começaremos agora a estudar os objetos existentes na linguagem do JavaScript. O primeiro deles é o objeto Array.

Array é uma variável que compõe um vetor, ou seja, é uma variável que pode conter vários valores diferentes.

Trabalhar com vetores é muito mais simples do que trabalhar com várias variáveis diferentes ao mesmo tempo, pois o vetor deixa estes valores agrupados na memória.

Todo vetor tem um índice que começa em 0, portanto, o primeiro ítem de um vetor sempre será 0.

posições (index) dos espaços de memória em um vetor

Construindo um vetor

Sempre que formos utilizar um objeto, sempre precisaremos instanciá-lo, ou seja, reservar memória para ele. Para instanciarmos um objeto em JavaScript usamos a palavra chave new.

Existe várias formas de construirmos um vetor, veja:

  • Construção simples sem dimensionamento: Quando instanciamos um vetor, mas não especificamos quantas posições ele irá possuir;
  • Construção simples com dimensionamento: Quando instanciamos um vetor e especificamos quantas posições ele irá possuir. Estas posições são vazias.
  • Construção inserindo valores: Quando instanciamos um vetor e especificamos exatamente quais valores ele irá possuir. Cada valor deve ser separado por vírgula e qualquer tipo de dado pode ser utilizado para popular nosso vetor.
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
  //construção simples sem dimensionamento
  meuVetor1 = new Array();

  //construção simples com dimensionamento
  meuVetor2 = new Array(4);

  //construção inserindo valores
  meuVetor3 = new Array ("João", "Roberto", "José", "Maria");
</SCRIPT>

Para acessar os dados do nosso vetor, devemos especificar o índice onde tal dado se encontra. Os índices são indicados dentro de colchetes ([ ]). Utilizando o exemplo mostrado na criação da variável meuVetor3, seria:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
  //construção inserindo valores
  meuVetor = new Array ("João", "Roberto", "José", "Maria");
  document.write("<P>");
  document.write("Índice 0: " + meuVetor[0]);
  document.write("<BR>Índice 1: " + meuVetor[1]);
  document.write("<BR>Índice 2: " + meuVetor[2]);
  document.write("<BR>Índice 3: " + meuVetor[3]);
  document.write("</P>")
</SCRIPT>

O que resulta em:

Se quisermos atribuir um valor a uma posição do vetor, o princípio é o mesmo. Usamos o nome do vetor e o índice que queremos editar.

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
  meuVetor = new Array (4);
  meuVetor[1] = 540;
  meuVetor[3] = 8456;
</SCRIPT>

Valores sendo atribuídos as posições 1 e 3 do vetor

Propriedade length

O objeto Array possui uma propriedade chamada length. Esta propriedade mostra quantos elementos o vetor possui.

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
  vetor = new Array ("João", "Roberto", "José");
  document.write ("<P>Este vetor possui " + vetor.length + " elementos. Que são:</P>");
  document.write ("<UL>");
  for (indice=0;              //indice começa em 0
       indice < vetor.length; //enquanto indice for menor que o tamanho do vetor
       indice++){
    document.write ("<LI>" + vetor [indice] + "</LI>")
  }
  document.write ("</UL>");
</SCRIPT>

O resultado é o mostrado abaixo:

Creative Commons License
Autor: Denys William Xavier
Este artigo está sob Licença Creative Commons.

Faça o download da versão em PDF Indique nosso site Gostou?
Indique nosso site!
Este artigo foi
lido 91796 vezes
Bookmark e Compartilhe

Páginas Relacionadas

Enquete
O Google Chrome OS irá desbancar o Microsoft Windows 7?
» ProgramaçãoAlgorítmo | C/C++ | Java

» WebHTML/XHTML | JavaScript | PHP

» Sistema OperacionalComandos de DOS | Windows | Linux | Mac/BSD

» OfficeWord/Wirter | Excel/Calc

» Áreas do SiteDownloads | Fórum | Blog