Carol (Framework criado por mim)

§ Biblioteca de funções

· Funções Arrays

Definindo o tamanho de uma Array

numbers = [1, 2, 3, 4, 5];
for (i = 0; i < numbers.length; i++) {
numbers[i] *= 2;
}
// Agora os números são: [2, 4, 6, 8, 10]

Array dinâmica

· <html><head><title> Cria Objeto </title>
<script>
function NovaFunc(nome,tel,UF){
this.nome=nome
this.tel=tel
this.UF=UF
}
</script>
</head><body>

· <script>
fulano = new NovaFunc("Alguem","2222-2222","SP")
document.write(fulano.tel + "<br>")
document.write(fulano.UF + "<br>")
document.write(fulano.nome)

· document.write(fulano[1] + "<br>")
document.write(fulano[2] + "<br>")
document.write(fulano[0])
</script>

· </body></html>

· Outro exemplo

· <script language="javascript">
function veiculo(a, b, c, d) {
this.marca=a;
this.modelo=b;
this.ano_matricula=c;
this.cilindrada=d;
}

· //exemplo 1
var carro1=new veiculo("Peugeot","106","1996",1100)
document.write("marca = "+carro1.marca)
document.write("<br>modelo = "+carro1.modelo)
document.write("<br>Ano da matrícula = "+carro1.ano_matricula)
document.write("<br>Cilindrada = "+carro1.cilindrada)

· document.write("<br><br><br>")

· //exemplo 2
var carro2=new veiculo()
carro2[0]="Fiat";
carro2[1]="187";
carro2[2]="1995";
carro2[3]=2200;

· // Lista das propriedades do objeto
for(var k=0; k<=3; k++) {
document.write("Propriedade "+k+" = "+carro2[k]+"<br>");
}

· document.write("<br><br><br>")

· // exemplo 3
var carro3=new veiculo()
carro3["marca"]="Ford"
carro3["modelo"]="K2"
carro3["ano_matricula"]="1999"
carro3["cilindrada"]= 3300
document.write("marca = "+carro3.marca)
document.write("<br>modelo = "+carro3.modelo)
document.write("<br>Ano da matrícula = "+carro3.ano_matricula)
document.write("<br>Cilindrada = "+carro3.cilindrada)

· </script>

ArrayList

add(Object o): adiciona à coleção o objeto passado como argumento.

size(): retorna o tamanho da coleção

get(int index): retorna um objeto dada uma posição.

import java.util.ArrayList;

public class JavaTeste {
public static void main(String[] args) {
ArrayList<String> frutas = new ArrayList<String>();

// adiciona itens na lista
frutas.add("Banana");
frutas.add("Melão");
frutas.add("Goiaba");
frutas.add("Morango");

// exibe os valores da lista
for(int i = 0; i < frutas.size(); i++){
System.out.println(frutas.get(i));
}

}
}

Resultado:

Banana
Melão
Goiaba
Morango

add(int index, Object element): adiciona um objeto dada uma posição.

import java.util.ArrayList;

public class JavaTeste {
public static void main(String[] args) {
ArrayList<String> frutas = new ArrayList<String>();

// adiciona itens na lista
frutas.add("Banana");
frutas.add("Melão");
frutas.add("Goiaba");
frutas.add("Morango");

frutas.add(1, "======");

// exibe os valores da lista
for(int i = 0; i < frutas.size(); i++){
System.out.println(frutas.get(i));
}

}
}

Resultado:

Banana
======
Melão
Goiaba
Morango

set(int index, Object element): edita um objeto dada uma posição.

import java.util.ArrayList;

public class JavaTeste {
public static void main(String[] args) {
ArrayList<String> frutas = new ArrayList<String>();

// adiciona itens na lista
frutas.add("Banana");
frutas.add("Melão");
frutas.add("Goiaba");
frutas.add("Morango");

frutas.set(1, "======");

// exibe os valores da lista
for(int i = 0; i < frutas.size(); i++){
System.out.println(frutas.get(i));
}

}
}

Resultado:

Banana
======
Goiaba
Morango

remove(int index): remove um objeto dada sua posição.

import java.util.ArrayList;

public class JavaTeste {
public static void main(String[] args) {
ArrayList<String> frutas = new ArrayList<String>();

// adiciona itens na lista
frutas.add("Banana");
frutas.add("Melão");
frutas.add("Goiaba");
frutas.add("Morango");

frutas.remove(1);

// exibe os valores da lista
for(int i = 0; i < frutas.size(); i++){
System.out.println(frutas.get(i));
}

}
}

Resultado:

Banana
Goiaba
Morango

clear(): apaga todo o conteúdo da coleção.

import java.util.ArrayList;

public class JavaTeste {
public static void main(String[] args) {
ArrayList<String> frutas = new ArrayList<String>();

// adiciona itens na lista
frutas.add("Banana");
frutas.add("Melão");
frutas.add("Goiaba");
frutas.add("Morango");

frutas.clear();

// exibe os valores da lista
for(int i = 0; i < frutas.size(); i++){
System.out.println(frutas.get(i));
}

}
}

Resultado

boolean contains(Object o): verifica se o objeto passado como argumento existe na coleção.

ArrayList lista = new ArrayList();
lista.add(“Jose”);
lista.add(“Maria”);
System.out.println(lista.contains(“Jose”)); // True

Object[ ] toArray(): converte os elementos da coleção em um array (rápidos acesso aos elementos).

ArrayList lista = new ArrayList();
lista.add(“Jose”);
lista.add(“Maria”);
lista.add(“Joao”);
Object[] elementos = lista.toArray();
for(int i=0; i<elementos.length;i++) {
System.out.println(elementos[i]);
}

int indexOf (Object o): retorna a posição de um objeto.

ArrayList lista = new ArrayList();
lista.add(“Jose”);
lista.add(“Maria”);
lista.add(“João”);
lista.indexOf(“Maria”); //1

int lastIndexOf (Object o): retorna o último índice de um objeto.

ArrayList lista = new ArrayList();
lista.add(“Maria”);
lista.add(“Maria”);
lista.lastIndexOf(“Maria”); //1

· ArrayList (Matriz)

· Não utilize Matriz no ArraList, pode acontecer erros.

Arquivo: JavaTeste.java

import java.util.ArrayList;

public class JavaTeste {
    public static void main(String[] args) {
        ArrayList < ArrayList > Exemplo = new ArrayList < ArrayList > ();

        int numero_deLinhas = 4;

        for (int i = 0; i < numero_deLinhas; i++) {
            Exemplo.add(new ArrayList < String > ());
        }

        Exemplo.get(0).add("Linha 1 Coluna 1");
        Exemplo.get(0).add("Linha 1 Coluna 2");
        Exemplo.get(0).add("Linha 1 Coluna 3");

        Exemplo.get(1).add("Linha 2 Coluna 1");
        Exemplo.get(1).add("Linha 2 Coluna 2");
        Exemplo.get(1).add("Linha 2 Coluna 3");

        Exemplo.get(2).add("Linha 3 Coluna 1");
        Exemplo.get(2).add("Linha 3 Coluna 2");
        Exemplo.get(2).add("Linha 3 Coluna 3");

        Exemplo.get(3).add("Linha 4 Coluna 1");
        Exemplo.get(3).add("Linha 4 Coluna 2");
        Exemplo.get(3).add("Linha 4 Coluna 3");

        for (int i = 0; i < numero_deLinhas; i++) {
            for (int j = 0; j < Exemplo.size(); j++) {
                try {
                    System.out.println(Exemplo.get(i).get(j));
                } catch (IndexOutOfBoundsException e) {}
            }
        }

    }
}

Resultado:

Linha 1 Coluna 1
Linha 1 Coluna 2
Linha 1 Coluna 3
Linha 2 Coluna 1
Linha 2 Coluna 2
Linha 2 Coluna 3
Linha 3 Coluna 1
Linha 3 Coluna 2
Linha 3 Coluna 3
Linha 4 Coluna 1
Linha 4 Coluna 2
Linha 4 Coluna 3

· Funções matemáticas

Covertendo string para numérica

eval

Calcula o conteúdo da string

Exemplo:

resultado=eval("(10*20)+2-8")
document.write(resultado)

Resultado: 194

parseInt

Transforma string em inteiro

Exemplo:
valor=parseInt("79.65732")
document.write(valor)

Resultado: 79

parseFloat

Transforma string em número real

Exemplo:
valor=parseFloat("79.65732")
document.write(valor)

Resultado: 79.65732

Arredondando valores

Math.floor(número) - Devolve o inteiro anterior menor que "número" 32.5 torna-se 32 e -24.8 torna-se -24.
Math.ceil(número) - Devolve o inteiro maior que o "número" 32.5 torna-se 33 e -24.8 torna-se -25.
Math.round(número) - Arredonda "número" para o inteiro mais próximo. Se a porção decimal do número for 0.5, o número arredonda para cima.

Funções matemáticas comuns

Math.random() - Devolve um número aleatório entre 0 e 1.
Math.abs(número) - Valor absoluto do "número", ou seja, sempre o valor idependente do sinal (positivo ou negativo) -4 fica igual a 4.
Math.max(num1, num2) - Devolve o número maior dos números "num1" e "num2".
Math.min(num1, num2) - Devolve o número menor dos números "num1" e "num2".
Math.pow(num, expoente) - Devolve "num" elevado a "expoente".
Math.sqrt(número) - Raiz quadrada de "número".
Math.SQRT1_2 - Raiz quadrada de 1/2 (aproximadamente 0.7071067811865476).
Math.SQRT2 - Raiz quadrada de 2 (aproximadamente 1.4142135623730951).

Funções trigonométricas

Math.PI - Retorma o valor de PI (aproximadamente 3.141592653589793).

Math.sin(número) - Retorna o seno de um número (em radianos).

Math.cos(número) - Retorna o cosseno de um número (em radianos).
Math.tan(número) - Retorna a tangente de um número (em radianos).

Math.asin(número) - Retorna o arco seno de um número (em radianos).

Math.acos(número) - Retorna o arco cosseno de um número (em radianos).
Math.atan(número) - Retorna o arco tangente de um número (em radianos).

Trigonometria no triângulo retângulo

Logarítmos

Math.log(número) - Retorna op logarítmo de um número

Math.E - Retorna a base dos logarítmos naturais (aproximadamente 2.718281828459045)

Math.LN2 - Retorna o valor do logarítmo de 2 (aproximadamente 0.6931471805599453)
Math.LOG2E - Retorna a base do logaritmo de 2 (aproximadamente 1.4426950408889634)
Math.LN10 - Retorna o valor do logarítimo de 10 (aproximadamente 2.302585092994046)
Math.LOG10E - Retorna a base do logarítmo de 10 (aproximadamente0.4342944819032518)

· Funções tipo string

· length	Retorna o comprimento de uma String. Exemplo: var s="Esta e uma string de texto"; document.write("Tamanho da String = "+s.length+" caracteres"); Resultado: Tamanho da String = 26 caracteres
substring(indiceInicial, indiceFinal)	O método substring (subcadeia) retorna a cadeia que se estende do indice Inicial até o caractere logo antes de indice final. Se indice Inicial for maior que indice final, o método funciona como se ambos estivessem com as posições trocadas. Se os dois índices forem iguais, retorna uma cadeia vasia. Exemplo: var s="Esta e uma string de texto"; var s1=s.substring(4, 10); document.write(s1); Resultado: "e uma"
charAt(posição)	Funciona da mesma forma que o substring, só que, retorna o caractere simples em uma posição específica na String. Exemplo: var s="Esta e uma string de texto"; var s1=s.charAt(5); document.write(s1); Resultado: "e"
indexOf(caractere, [inicIndex])	O método indexOf faz a busca no objeto string pela primeira ocorrência do caractere e retorna o índice correspondente. o argumento inicIndex é opcional e indica a partir de onde inicia a busca. Podemos localizar os valores dos índices para todos os caracteres do mesmo tipo iniciando após o índice anterior. Exemplo: text="Hello, world!"; index=0 document.write("<pre>"); while(index<text.lastIndexOf("l")) { index= text.indexOf("l", index+1); document.write(index+"\t"); } document.write("\n"); document.write("</pre>") Resultado:" 2 3 10"
lastIndexOf(caractere, [inicIndex])	O método lasIndexOf é idêntico ao método index of exceto que faz a busca do caractere na cadeia do fim para o começo iniciando em inicIndex. Veja o exemplo anterior
replace(palavra, substituto)	O método replace você insere uma palavra ou uma letra em que você deseja substituir por outra. Exemplo: s="Este automovel é caro" document.write(s.replace("automovel", "carro")) Resultado: Este carro é caro
search(palavra)	O método search localiza a palavra dentro de uma string. Exemplo: s="Este automovel é caro" document.write(s.search("automovel")) Resultado: "5"
toLowerCase()	O método toLowerCase (para minúsculo) retorna a cadeia com todos os caracteres alterados para minúsculo. Exemplo: s="ISTO É UM EXEMPLO" document.write(s.toLowerCase()) Resultado: isto é um exemplo
toUpperCase()	O método toUpperCase (para maiúsculo) retorna a cadeia com todos os caracteres alterados para maiúsculo. Exemplo: s="isto é um exemplo" document.write(s.toUpperCase()) Resultado: ISTO É UM EXEMPLO

· Funções tipo data

Manipulando datas e horas

Existe apenas uma função para que se possa obter a data e a hora. É a função Date(). Esta funão devolve data e hora no formanto: Dia da semana, Nome do mês, Dia do mês, Hora:Minuto:Segundo e Ano

Ex:

Fri May 24 16:58:02 1996

Para se obter os dados separadamente, existem os seguintes métodos:

getDate() - Retorna o dia do mês (inteiro entre 1 e 31)
getDay() - Retorna o dia da semana (0=Domingo, 1=Segunda-feira,... , 6=Sábado)
getMonth() - Retorna o mês (entre 0=Janeiro e 11=Dezembro)
getFullYear() - Retorna o ano com quatro dígitos (o mais usado)
getYear() - Retorna o ano com 2 dígitos.

getHours() - Retorna a hora do dia (entre 0 e 23)

getMinutes() - Retorna os minutos dentro da hora (entre 0 e 59)
getSeconds() - Retorna os segundos (entre 0 e 59)

No exemplo 1 abaixo obteremos o dia da semana e as horas. Para tal, utilizaremos a variável DataToda para armazenar data e hora.

exemplo 4: alterando a data

Para criar uma variável tipo Date com o conteúdo informado pela aplicação, existe o métido set. Assim temos os seguintes métodos: setDate, setDay, setMonth, setYear, setHours, setMinutes e setSeconds. Os mas importantes são:

setDate(valor) - Coloca o dia do mês (valor entre 1 e 31)
setMonth(valor) - coloca o mês (valor entre 0 e 11)
setYear(valor) - coloca os anos (valor acima de 1970)

· Funções tipo hora

· exmeplo 3: vendo as horas

· <script language="javascript">
rel = new Date()
hora = rel.getHours()
minuto = rel.getMinutes()
segundo = rel.getSeconds()

temp = hora
temp += ((minuto < 10) ? ":0" : ":") + minuto
temp += ((segundo < 10) ? ":0" : ":") + segundo
document.write("São exatamente: "+temp)
</script>

· Exemplo 4: relógio

· <HTML>
<HEAD>
<TITLE> Exemplo </TITLE>
<SCRIPT language="javascript">
function relogio() {
rel = new Date()
hora = rel.getHours()
minuto = rel.getMinutes()
segundo = rel.getSeconds()
temp = "" + hora
temp += ((minuto < 10) ? ":0" : ":") + minuto
temp += ((segundo < 10) ? ":0" : ":") + segundo
document.form1.text1.value = temp
setTimeout("relogio()", 1000)
}
</SCRIPT>
</HEAD>
<BODY onLoad="relogio()">
<FORM NAME="form1">
São exatamente:
<INPUT TYPE="text" NAME="text1" SIZE="8" VALUE="">
</FORM>
</BODY>
</HTML>

· Usando o Timer

· É um método que permite a programação para que uma determinada ação só ocorra após o transcusro de um determinado tempo.

· Variável = setTimeout("ação",tempo)

· Variável é uma variável apenas para controle do timer

· ação é a ação que se quer realizar

· tempo é o tempo de espera para que a ação ocorra em milisegundos.

· Obs:

· É importante observar que a ação só ocorrerá uma vez. para que a ação volte a ocorrer, será necessãrio repetir o comando dentro da ação, optendo-se, assim um LOOP.

· Para interromper um LOOP, provocado pela forma acima, deve-se utilizar o seguinte método:

· clearTimeout(Variável)

· Onde:

· Variável é o nome da variável de controle do timer.

· <HTML>
<HEAD>
<TITLE> Exemplo </TITLE>
<SCRIPT language="javascript">
function relogio() {
rel = new Date()
hora = rel.getHours()
minuto = rel.getMinutes()
segundo = rel.getSeconds()
temp = "" + hora
temp += ((minuto < 10) ? ":0" : ":") + minuto
temp += ((segundo < 10) ? ":0" : ":") + segundo
document.form1.text1.value = temp
controleRelogio=setTimeout("relogio()", 1000)
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="form1">
São exatamente:
<INPUT TYPE="text" NAME="text1" SIZE="8" VALUE=""><br>
<INPUT TYPE="button" VALUE="Ativar Relógio" onClick="relogio()">
<INPUT TYPE="button" VALUE="Parar Relógio" onClick="clearTimeout(controleRelogio)">
</FORM>
</BODY>
</HTML>