Arrays

Índice da página:
Criar Novas Instâncias

Através do operador new podem ser criadas novas instâncias a objectos já existentes, mudando o seu conteúdo, porém, mantendo suas propriedades.
A sintaxe geral é a seguinte:

NovoObjecto = new ObjectoExistente (parâmetros)

No exemplo seguinte iremos criar uma nova instância para Date assim, irá ver a nova instância com os seus parâmetros, mas com o formato Date

Exemplo:

<html>
<head>
<title>Instâncias</title>
</head>
<body topmargin="0" leftmargin="0">
<div>
Data:
<script>DataHoje = new Date()
	document.write(DataHoje)
</script><br>
Minha Data:
<script>MinhaData= new Date(2002,07,25)
	document.write(MinhaData)
</script><br>
Nota: Não ligue ao aspecto da data, mais à frente explicaremos como tratar 
   a extracção da mesma, o exemplo serve apenas para mostrar a nova instância 
   da nova data em Minha Data.</div>
</body>
</html>
Ver Índice
Tabela Objecto

O JavaScript não tem um tipo de dado ou objecto para manipular arrays. Por isso, para trabalhar com arrays é necessário a criação de um objecto com a propriedade de criação de um array.
No exemplo abaixo, criaremos um objecto tipo array de tamanho variável e com a função de "limpar" o conteúdo das variáveis cada vez que uma nova instância seja criada a partir dele.
Primeiro criaremos o Objecto CriaArray, depois criaremos a tabela, carregando os items, e por fim mostraremos a Tabela.

Exemplo:

<html>
<head>
<title>Tabela Objecto</title>

<script language="JavaScript" type="text/javascript">
function CriaArray(n) { 
   this.length = n 
   for (var i = 1 ; i <= n ; i++) {
      this[i] = "" }}
   
   NomeDia = new CriaArray(5) 
   NomeDia[0] = "Segunda" 
   NomeDia [1] = "Terça" 
   NomeDia[2] = "Quarta" 
   NomeDia[3] = "Quinta" 
   NomeDia[4] = "Sexta"

   Actividade = new CriaArray(5) 
   Actividade[0] = "Analista" 
   Actividade[1] = "Programador" 
   Actividade[2] = "Operador" 
   Actividade[3] = "Conferente" 
   Actividade[4] = "Digitador" 
</script>

</head>
<body topmargin="0" leftmargin="0"><br>
<table align="center" border="1" cellpadding="0" cellspacing="0">
   <tr bgcolor="#184A4A" align="center">
      <td>Dia Semana</td>
      <td>Operador</td></tr>
<script>
   for (var i = 0 ; i <= 4 ; i++) {
      document.write("<tr align='center'>")
      document.write("<td>"+NomeDia[i]+"</td><td>"+Actividade[i]+"</td></tr>")}
</script>
</table><br>
</body>
</html>
Ver Índice
Tabela Matriz

Outra forma de se trabalhar com arrays é criar novas instâncias dentro do próprio objecto do array, o que proporciona o mesmo efeito de se trabalhar com matriz. Isso é feito da seguinte forma:
Criamos um Objecto com o número de parâmetros desejados à nossa data.
Classificamos cada parâmetro com um index, através da funcão this.[parâmetro].
Carregamos a nossa matriz.
Por fim mostramos a nossa matriz(Data).

Exemplo:

<html>
<head>
<title>Tabela Objecto</title>

<script language="JavaScript" type="text/javascript">
function Empresas(Emp, Nfunc, Prod) { 
   this.Emp = Emp 
   this.Nfunc = Nfunc 
   this.Prod = Prod } 

   TabEmp = new Empresas(5) 
   TabEmp[1] = new Empresas("Elogica", "120", "Serviços") 
   TabEmp[2] = new Empresas("Pitaco", "35", "Software") 
   TabEmp[3] = new Empresas("Computer", "42", "HardWare") 
   TabEmp[4] = new Empresas("Parts", "20", "Acessórios")
   TabEmp[5] = new Empresas("Practic", "64", "Formação")
</script>

</head>
<body topmargin="0" leftmargin="0"><br>
<table align="center" border="1" cellpadding="0" cellspacing="0">
   <tr bgcolor="#184A4A" align="center">
      <td>Empresa</td>
      <td>Nº Funcionários</td>
      <td>Actividade</td></tr>
<script>
   for (var i = 1 ; i <= 5 ; i++) {
      document.write("<tr align='center'>")
      document.write("<td>"+TabEmp[i].Emp+"</td>")
      document.write("<td>"+TabEmp[i].Nfunc+"</td>")
      document.write("<td>"+TabEmp[i].Prod+"</td></tr>")}
</script>
</table><br>
</body>
</html>
Ver Índice