As variáveis são algo muito importante na linguagem de programação, com elas, pode-se recolher dados do usuário e manipulá-los para retornar determinada informação, como fizemos na interação inicial desta página por exemplo. Para nomeá-las, tem se que respeitar determinadas regras, são algumas delas, as que seguem abaixo:
Identificadores, como o próprio nome está dizendo, são “rótulos” ou nomes definidos para campos, variáveis, métodos e funções. Um item importante a ser considerado são os caracteres acentuados. É muito importante estarmos atentos a esse fato, pois, os caracteres acentuados são denominados caracteres compostos, sendo interpretados pelo sistema, diferentemente dos caracteres não acentuados (não compostos). Por exemplo: "Programação é um identificador diferente de Programacao". Uma outra característica existente na linguagem de programação JavaScript, que diferencia os seus identificadores, é o sensitive case, isto é, a diferença entre as letras maiúsculas e minúsculas, ou seja, "Programação é um identificador diferente de programação".
Os Data types São os formatos de variáveis que encontramos em uma linguagem de programação, sendo eles do tipo:
São muito importantes para a organização dos nossos códigos ou para a copreensão do mesmo por um terceiro. E eles são feitos da seguinte forma:
<script>
var n1 = Number.parseInt(window.prompt("Digite um número."))
(Se o número for inteiro.)
</script>
<script>
var n1 = Number.parseFloat(window.prompt("Digite um número."))
(Se o número for racional.)
</script>
Number(n), o JavaScript "se vira" interpretando se é um número Int ou Float
String(n) ou n.toString() sendo n a variável que se quer converter.
Outra forma de concatenar é: `string ${var}` conhecida como template string, onde podemos escrever de modo mais elegante.
Sendo var s = JavaScript, os comando:
s.length - Diz quantos caracteres a string tem;s.toUpper - Deixa toda a string em Maiúsculo;s.toLowerCase - Deixa toda a string em Minúsculo;document.write(`string`) - Escreve no body da página.Sendo var n1 = 1545.5:
n1.toFixed(2) → "1545.50"n1.toFixed(2).replace('.',',') → "1545,50"n1.toLocaleString('pt-BR', {style: 'currency',currency:'BRL'}) → "R$ 1,545.50"Os operadores são elementos que atuam sobre os operandos (variáveis e constantes). São simbologias aplicadas em atribuições, relacionamentos ou comparações, cálculos, ordenações de dados etc. Eles podem serem:
-x (o valor que está armazenado no operando x é negativo)x++ (incremento de +1 na variável x).z= x+y - somatória entre as variáveis x e y e a atribuição do resultado à variável z)z= 5+7 - somatória entre as constantes 5 e 7 e a atribuição do resultado à variável z)z= x+7 - somatória entre os operandos – respectivamente uma variável e uma constante - x e 7 e a atribuição do resultado à variável z).(), potência **, multiplicação *, divisão /, resto de divisão %, soma + e subtração -);n = n + 3 ou simplesmente n += 3 por exemplo;
n = n + 4 ou n += 4 - Efetua a somatória e, em seguida, a atribuição.n = n - 5 ou n -= 5 - Aplica a subtração de valor e a atribuição na sequência.n = n*4 ou n *= 4 - Realiza a multiplicação de valores e, na sequência, a atribuição.n = n/2 ou n /= 2 - Efetua a divisão entre os valores e, em seguida, a atribuição.n = n**4 ou n **= 4 - Faz a potenciação e em seguida, a atribuição.n = n%3 ou n %= 3 - Aplica a divisão com o armazenamento do resto e a atribuição.
n1 > n2 - n1 é maior que n2. n1 < n2 - n1 é menor que n2. n1 => n2 - n1 é maior ou igual que n2. n1 =< n2 - n1 é menor ou igual que n2. n1 == n2 - n1 é igual que n2. n1 != n2 - n1 é diferente que n2.São aplicados juntamente com os operadores relacionais ou de comparação dentro de uma estrutura condicional e são do tipo:
Uma conjunção (.e.), representada na linguagem JavaScript pela simbologia &&, é a busca por um resultado verdadeiro por meio da validação de todos os elementos condicionais. Por exemplo:
if (curso=='DS' && turma!= 0) {
window.alert(‘Ola Mundo!’);
}
No exemplo apresentado, temos o operador lógico de conjunção && (.e.) determinando que, por meio de uma decisão condicional SE (if), a mensagem ‘Ola Mundo!’ só será apresentada se curso for igual (==) a ‘DS’ e (&&) turma for diferente de (!=) 0 (zero). Isso quer dizer que as duas condições (curso e turma) devem apresentar resultados verdadeiros para que a mensagem seja exibida. Caso contrário, a condição não é executada.
Uma disjunção (.ou.), representada na linguagem JavaScript pela simbologia ||, é a busca por um resultado verdadeiro por meio da validação de, pelo menos, um dos elementos condicionais. Por exemplo:
if (curso==’DS’ || turma== 1) {
window.alert(‘Ola Mundo!’);
}
Nesse caso, o operador lógico || (.ou.) de disjunção determina que, por meio de uma decisão condicional SE (if), a mensagem ‘Ola Mundo!’ será apresentada se curso for igual (==) a ‘DS’ ou (||) turma for igual a (==) 1 (um).
Isso quer dizer que, pelo menos, uma das condições (curso ou turma) deve apresentar resultado verdadeiro para que a mensagem seja exibida. Caso contrário, a condição não é executada.
Uma negação (.não.), representada na linguagem JavaScript pela simbologia !, é a busca por um resultado verdadeiro por meio da validação invertida do elemento condicional ou dos elementos condicionais. Por exemplo:
if ( !(curso==’DS’) ) {
window.alert(‘Ola Mundo!’);
}
Nesse exemplo, o operador lógico ! (.não.) de negação determina que, por meio de uma decisão condicional SE (if) invertida, a mensagem ‘Ola Mundo!’ será apresentada se curso for não (!) igual (==) a ‘DS’, isto é, se o curso não for ‘DS’, a mensagem será exibida. Caso contrário, a condição não será verdadeira e, consequentemente, não executada.
<script>
var nome = window.prompt("Qual é o seu nome?")
window.alert("É um prazer te conhecer " + nome + ", Seja bem vindo ao resumo do Módulo B dos estudos de JavaScript.")
</script>
<script>
window.alert(`Os números ${n1} e ${n2} foram aqueles escolhidos você, muito obrigado, com eles, poderemos com os operadores aritimétricos, expressar que:
a soma é igual a ${soma};
a subtração é igual a ${subtracao};
a multiplicação é igual a ${multiplicacao};
a divisão é igual a ${divisao};
o resto de divisão é igual a ${resto};
e a potência do primeiro pelo segundo é ${potencia}.`)
window.alert(`Com os operadores lógicos, poderemos mostrar que:
${n1} é maior que ${n2}? (${n1 > n2})
${n1} é menor que ${n2}? (${n1 < n2})
${n1} é maior ou igual que ${n2}? (${n1 >= n2})
${n1} é menor ou igual que ${n2}? (${n1 <= n2})
${n1} é igual que ${n2}? (${n1 == n2})
${n1} é diferente que ${n2}? (${n1 != n2})`)
window.alert(`Poderemos dizer que ${n1} ${n1 % 2 == 0 ? ' é par e' :' é impar e'} que ${n2} ${n2 % 2 == 0 ? ' é par' : ' é impar'}.`)
</script>