Escolar Documentos
Profissional Documentos
Cultura Documentos
Ajax (1 aula)
Objeto XMLHttpRequest
Requisições assíncronas, loadings e callbacks
Manipulações XML
jQuery (4 aulas)
Seletores e Métodos
Eventos e Animações
Validações e Ajax
Já estudamos:
Introdução
Origem; linguagem interpretada; Browsers são os interpretadores
Estrutura Léxica
Comentários (/**/, //); Case Sensitive; ponto-e-vírgula opcional; palavras reservadas
Tipos de dados e valores
numbers
strings
booleanos
Operadores
+, -,*, /, %, ++, --, ==, ===, !=, !==, <, >, <=, >=, &&, ||, !
Estruturas de Controle
if – else if – else
switch
while
do-while
for
for-in
Funções
Definição; Declaração; Execução; objeto arguments
Variáveis
Declaração; escopo; uso do var
Aula 4 – Vamos estudar:
Arrays
Objetos
Arrays
Definição
Criando Arrays
Elementos de um Array
Propriedade e Métodos
length
join(), sort(), reverse(), concat()
slice(), splice()
Arrays como pilhas e filas
push(), pop(), unshift() e shift()
Arrays
Array é um tipo de dado que armazena valores em uma lista
numerada
Podemos dizer que Arrays são coleções de dados
Método join()
Converte todos os elementos em string e os concatena
Podemos usar uma string opcional que será utilizada para separar
os elementos na string resultante. Se nenhuma string for passada
por parâmetro, utiliza-se a vírgula
Ex:
var a = new Array(“joao”, “ricardo”, “bastos”); // array 3 elementos
var nome = a.join(“ “); // espaço em branco
document.write(nome); // imprime a string “joao ricardo bastos”
É o inverso de string.split();
Arrays
Método reverse()
Inverte a ordem dos elementos de um array
Não cria outro array; o método altera o próprio array
Ex:
var a = new Array(“joao”, “ricardo”, “bastos”); // array 3 elementos
a.reverse(); // não precisa guardar o resultado em outra variável
// a agora tem a seguinte ordem:
// a[0] = “bastos”; a[1] = “ricardo”; a[2] = “joao”
Método concat()
Cria e retorna um array que contém o array original + os
elementos passados por parâmetro
Os novos elementos são colocados no fim do novo array
Ex:
var a = new Array(“joao”, “ricardo”); // array 2 elementos
var novo = a.concat(“bastos“, 5); // novos elementos
// ‘novo’ agora é um array com “joao”, “ricardo”, “bastos”, 5
Arrays
Método sort()
Ordena os elementos de um array em ordem alfabética
Aceita uma função como parâmetro opcional
Essa função é usada para alterar a maneira da ordenação
Por exemplo, uma ordenação numérica ao invés de alfabética
Assim como o reverse(), Não cria outro array
Ex: var a = new Array(1, 2, 10, 200, 3);
a.sort(); // ordenação alfabética
// a = 1, 10, 2, 200, 3
a.sort(ordenacao_numerica);
// a = 1, 2, 3, 10, 200
function ordenacao_numerica(a,b) {
return a-b;
}
Arrays
Arrays como Pilhas e Filas:
Métodos:
unshift() insere 1 ou mais elementos no início de um array
push() insere 1 ou mais elementos no final de um array
shift() retira o primeiro elemento de um array
pop() retira o último elemento de um array
Fila
FIFO – First In, First Out
Métodos push() e shift()
Atendimento Preferencial: método unshift()
Ex.: Idoso passar na frente dos outros em uma fila de um banco capenga, sem
fila preferencial
Pilha
FILO – First In, Last Out
Métodos push() e pop()
Objetos
Objetos
Ex.:
function Funcionario(nome, cargo, empresa) {
this.nome = nome;
this.cargo = cargo;
this.empresa = empresa;
}
e executamos assim:
o.m();
Objetos
Definindo métodos
Exemplo ruim:
function areaQuadrado(){
return (this.lado * this.lado);
}
function Pessoa(nome){
var nome = nome;
this.getNome = function(){
return nome;
}
}