Back to JavaScript
O que é javascript
JavaScript é uma linguagem de script. Por ser uma linguagem de
script, seu código deve ser executado dentro de um interpretador. O
JavaScript, para ser interpretado, deverá ser executado dentro de um
navegador (browser).
JavaScript - Uma
linguagem cliente
Outro termo técnico que é comum de ser dito sobre linguagem
JavaScript, é que ela é client side, ou seja, ela age no lado do
cliente.
Vantagem disso: diminui seu processamento no lado do serviço, diminuindo a
escala vertical desses servidores.
Código
index.html
<!DOCTYPE HTML>
<html>
<head>
<script src="/path/to/script.js" > </script>
</head>
<body>
<p>Antes do script...</p>
<script> alert( 'Hello, world!' ); </script>
<p>...Antes do script.</p>
</body>
</html>
Condicionais
Estrutura:
<script>
if (condicao) {
executar operacao
} else {
executa outra operacao
}
</script>
Exemplo:
<script>
var a = 6;
if (a > 6) {
document.write('Maior que 6');
} else {
document.write('Menor que 6');
}
</script>
Condicionais
< : Menor
<script>
var a = 6;
if (a < 6) {
document.write('Menor que 6');
} else {
if (a > 6) {
document.write('Maior que 6');
} else {
document.write('Igual a 6!');
}
}
</script>
Condicionais
== : Igual
<script>
var a = 6;
if (a == 6) {
document.write('Igual a 6');
}
</script>
Condicionais
>= : Maior ou igual
<script>
var a = 6;
if (a >= 6) {
document.write('Maior ou igual a 6');
}
</script>
Condicionais
!= : Diferente
<script>
var a = 6;
if (a != 6) {
document.write('Diferente de 6');
}
</script>
Operadores Lógicos
&& : E
<script>
var a = 6;
if ((a > 1) && (a < 6)) {
document.write('Maior que 1 E menor que 6');
}
</script>
|| : OU
<script>
var a = 6;
if ((a > 1) || (a < 6)) {
document.write('Maior que 1 OU menor que 6');
}
</script>
! : NAO
<script>
var a = 6;
if !((a > 1) || (a < 6)) {
document.write('Não é maior que 1 OU menor que 6');
}
</script>
Condicionais
Instrução switch
<script>
switch(variavel) {
case 1:
document.write('Opção 1'); break;
case 2:
document.write('Opção 2'); break;
case 3:
document.write('Opção 3'); break;
default:
document.write('Padrão'); break;
}
</script>
Estruturas de Repetição
Estrutura:
<script>
for (condicaoInicial; condicaoFinal; acaoExecutar) {
executa bloco de código;
}
</script>
Exemplo:
<script>
for (i=0; i<= 10; i++) {
document.write('Linha '+i);
}
</script>
Estruturas de Repetição
Estrutura:
<script>
while (condicao) {
bloco de operação
}
</script>
Exemplo:
<script>
var var1;
while (var1 <= 10) {
document.write('linha '+var1);
var1++;
}
</script>
Estruturas de Repetição
Estrutura:
<script>
do {
bloco de operacao
} while (condicao);
</script>
Exemplo:
<script>
var var1;
do {
document.write('linha '+var1);
var1++;
} while (var1 <= 10);
</script>
Array
Estrutura:
<script>
var myArray = [];
myArray.forEach(function(value, key) {
console.log(value, key);
});
</script>
Exemplo:
<script>
var myArray = [0,1,2,3,4,5,6,7,8,9,10];
myArray.forEach(function(value, key) {
console.log(value, key);
});
</script>
Entendendo mais de
Arrays
Podemos declarar array de 2 formas:
Forma 1:
var ft = new Array(‘a’,’b’);
Forma 2:
var ft = [‘a’,’b’];
Manipulação de Arrays
ft.push(‘c’); - adicionar um elemento no fim do array;
ft.unshift(‘c’); - adicionar um elemento no inicio do array;
ft.pop(); - remove ultimo elemento do array
ft.shift(); - remove primeiro elemento do array
ft.spice(índice, quantidade) - remove elementos no meu array;
Entendendo mais de
Arrays
Pegar um elemento do array pelo indice:
Arr[indice];
Exemplo:
var arr = [1,2,3,5,6];
var index = arr[1];
Entendendo mais de
Arrays
Pegar um indice do elemento no array:
array.indexOf(’elemento’);
Exemplo:
var arr = [1,2,3,5,6];
var index = arr.indexOf(1);
Entendendo mais de
Arrays
Como concatenar um array:
array1.concat(array2);
Exemplo:
var arr1 = [1,2,3,5,6];
var arr2 = [11,12,13,15,16];
var result = arr1.concat(arr2);
Funções
Veja um exemplo mais prático:
/** * Soma dois valores */
function sum(a, b) {
return a + b;
}
chamar a função:
var a = 1;
var b = 2;
var result = sum(a, b);
console.log(result);
Funções
Passando Objetos (Objetos são funções em Javascript)
function minhaFuncao(objeto) {
pessoa = "Zé";
}
var pessoa = {
nome: "Zé",
idade: 1980
};
var x, y;
x = pessoa.nome; // x recebe o valor"Zé"minhaFuncao(pessoa);
minhaFuncao(pessoa);
y = pessoa.nome; // y recebe o valor "Zé" //(a propriedade pessoa.nome foi alterada pela função)
Funções
Expressão de Função
A Expressão de Função, o nome não é obrigatório pois, na maioria dos casos, se trata de
uma função anônima.
Exemplo:
var quadrado = function(x){
return x * x
};
console.log(quadrado(5)); //exibe 25
