Tipos de Dados JS
Nos próximos capítulos, veremos as principais características básicas e tipos de dados de um código em linguagem JavaScript.
Comentários
Comentários são blocos de códigos que não serão interpretados, nem processados, em JS.
Em outras palavras, não são dados do programa, mas apenas informações.
Servem para dar indicações ao próprio programador, acerca do que aquela(s) linha(s) fazem e/ou significam, uma vez que os programas podem ser muito longos e complexos.
Sintaxe
Podemos usar duas formas de inserir ou comentar códigos:
//Comentário de linha única
/* Comentário De várias linhas */
IMPORTANTE! Estes comentários só valem dentro da área de <script> do JS!
Exemplo 1
Vamos testar o funcionamento dos comentários no Replit.
Abra o app virtual e teste o código abaixo:
console.log("Profa Fernanda ");
//console.log("Curso de Javascript ");
console.log("CAIC Ayrton Senna, ");
/*
console.log("Projeto Meninas Cientistas - ");
console.log("Rotary BC/IRR/IFSCC");
*/
Note que foram impressas somente duas linhas de texto.
Isso porque as demais estão em forma de comentário. Todo o conteúdo que estiver em comentário é simplesmente ignorado e não é executado!
Agora, retire os comentários (de linha única e de múltiplas linhas), mova-os para outras linhas e verifique o que acontece!!!
Exemplo 2
Desta vez, vamos testar o funcionamento dos comentários em uma página web.
Crie um arquivo em um editor de textos (tipo Bloco de Notas, Notepad++ ou Caret), e teste o código abaixo:
<!doctype html>
<html lang=“pt-br”>
<head>
<title>Curso de Javascript</title>
<meta charset=“UTF-8”>
<script>
document.write("Profa Fernanda ");
//document.write("Curso de Javascript ");
document.write("CAIC Ayrton Senna, ");
/*
document.write("Projeto Meninas Cientistas - ");
document.write("Rotary BC/IRR/IFSC");
*/
</script>
</head>
<body>
</body>
</html>
Veja o resultado do código acima.
Você pode usar comentário em qualquer local do código JA, e este, inclusive, é um ótimo hábito, pois irá facilitar na identificação das partes dos seu código.
Constantes
Ao contrário dos comentários, existem dados que carregam informações para o programa!
Isto é, o programa precisa deles para poder funcionar corretamente.
As constantes são dados que, como o próprio nome diz, são usadas pelo programa mas não alteram seus valores, ao longo da execução.
Sintaxe
Para declarar uma constante, a sintaxe é:
const nome_constante = valor_constante
Quando se tratar de mais de uma constante, pode-se utilizar a forma:
const nome_constante1 = valor_constante1, nome_constante2 = valor_constante2, nome_constante3 = valor_constante3, nome_constante4 = valor_constante4, nome_constante5 = valor_constante5
por exemplo, para a declaração de 5 constantes, de uma só vez.
OBSERVAÇÃO: A linguagem JS é sensível ao caso, isto é, SEMPRE faz diferenciação entre letras maiúsculas e letras minúsculas!
Exemplos
const C = 10; console.log(C);
vai imprimir o valor 10 no console
O código
const C = 10; console.log(c);
vai imprimir uma mensagem de Erro, tipo a abaixo, porque o nome c não foi reconhecido, uma vez que o nome de constante declarado foi C .
ReferenceError: c is not defined at Object.<anonymous> (/home/runner/MagnificentAlertConfig/index.js:2:15) at Module._compile (node:internal/modules/cjs/loader:1101:14)
Já o código:
const C = 10; C = 20; console.log(C);
Vai gerar uma mensagem de Erro, tipo a abaixo, porque constantes não podem ter seus valores alterados!
TypeError: Assignment to constant variable. at Object.<anonymous> (/home/runner/WastefulSvelteScope/index.js:2:3) at Module._compile (node:internal/modules/cjs/loader:1101:14)
O correto é você criar diferentes constantes, para diferentes dados, lembrando que não podem ser alterados depois.
const AnoNasc= 1971, DiaNasc = 27, MesNasc = 7;
console.log("Data de nascimento: ", DiaNasc, "/", MesNasc, "/", AnoNasc);
Agora, sim!!! 
Variáveis
Em JavaScript, vc precisa armazenar os valores que serão utilizados no programa, e que poderão sofrer alterações em seus valores, em variáveis.
Para isto, em primeiro lugar, é necessário reservar um lugar na memória do computador, onde estes valores serão armazenados. Isso se chama "alocar memória" para a variável.
Alocar memória em JS é fácil! Basta, simplesmente, "declarar" esta variável! Dizer ao interpretador que ela existe e qual o tipo de número que ela vai guardar.
E declarar variáveis no JS é mais simples ainda.
Basta escrever a palavra reservada "var", seguida de um nome pra esta variável, o operador "=" e o valor que vc quer dar à variável.
Sintaxe
Assim, a sintaxe geral da declaração de uma variável em JS é:
var nome_da_variavel = valor_da_variável ;
ou
var nome_da_variavel1 = valor_da_variável1, nome_da_variavel2 = valor_da_variável2, nome_da_variavel3 = valor_da_variável3 ;
por exemplo, se você quiser criar 3 variáveis, ao mesmo tempo.
OBSERVAÇÃO 1: não é necessário inicializar as variáveis! Vc pode apenas declará-las, e deixar para dar um valor depois
OBSERVAÇÃO 2: A instrução let também pode ser utilizada para declarar variáveis em JS e, inclusive, é mais recomendada, desde 2016.
As principais diferenças entre as duas instruções são:
| var | let |
|---|---|
var é usado em versões mais antigas de JavaScript |
let é o novo modo de declarar variáveis inicialmente ES6 (ES2015). |
var
tem escopo de função (será discutido em tutoriais posteriores). |
let tem escopo de bloco (será discutido em tutoriais posteriores). |
Por exemplo, var x; |
Por exemplo, let y; |
O problema é que existem navegadores que não suportam a instrução let .
Porém, sempre que suportada, é preferível declarar as variáveis da seguinte forma:
let nome_da_variavel; ;
ou, quando já quisermos inicializá-la:
let nome_da_variavel = valor_da_variável ;
ou, quando quisermos declarar e definir várias variáveis, ao mesmo tempo:
let nome_da_variavel1 = valor_da_variável1, nome_da_variavel2 = valor_da_variável2, nome_da_variavel3 = valor_da_variável3 ;
por exemplo, se você quiser criar 3 variáveis, ao mesmo tempo.
OBSERVAÇÃO 3:Os nomes de variáveis sempre devem começar com uma letra (nunca com um número), ou o underscore (_), ou o caractere de cifrão ($). Também não podem ser palavras reservadas.
Números Inteiros
Números inteiros são valores do tipo ∈ {ℤ}, negativos e positivos, que não possuem parte fracionária e ponto decimal.
A maioria das pessoas só conhecem os inteiros decimais, mas existem inteiros em outras bases numéricas, que são utilizadas para se entender como o computador funciona. É o caso do sistema octal e o sistema hexadecimal.
Sintaxe
A declaração de inteiros é feita assim, em JS:
var nome_da_variavel = valor_numerico_decimal ;
ou
let nome_da_variavel = valor_numerico_decimal ;
Se for um inteiro na base octal, a declaração fica:
var nome_da_variavel = 0valor_numerico_octal ;
ou
let nome_da_variavel = 0valor_numerico_octal ;
Se for um inteiro na base hexadecimal, a declaração fica:
var nome_da_variavel = 0xvalor_numerico_hexa ;
ou
let nome_da_variavel = 0xvalor_numerico_hexa ;
Exemplos:
let x = 35; //atribuição na forma comum let y = -20; //inteiro negativo let z = 0543; //notação octal que equivale a 357 let w = 0xBF; //notação hexadecimal que equivale a 191
Teste o seguinte código, no Replit:
let numero; numero = 10; numero = 20; console.log(numero);
ou este, em uma página web, editada no Caret:
<!doctype html>
<html lang=“pt-br”>
<head>
<title>Curso de Javascript</title>
<script>
let numero;
numero = 10;
numero = 20;
document.write(numero);
</script> //código JS ↑
</head>
<body>
</body>
</html>
Note o que aconteceu aqui ↑!!!!
Declaramos uma variável, em seguida demos um valor a ela 10 e, na sequencia, já alteramos este valor para 20. Apesar de não fazer muito sentido, porque não chegamos a utilizar o valor de 10 para nada, as variáveis PERMITEM que seus valores sejam alterados, a qualquer momento.
Assim, quando mandamos imprimir o valor de numero, o interpretador imprimiu o valor atualizado, que era 20.
Provavelmente, a intenção não era esta...
Para armazenar diferentes valores, podemos criar quantas variáveis quisermos e utiliza-las e atualiza-las, sem precisar perder nenhuma.
Por exemplo, no Replit, podemos mudar o código para:
let num1, num2;
num1 = 20;
num2 = 10;
console.log("Valor original de num1: ", num1);
console.log("E o valor de num2 é: ",num2);
num1 = 30;
console.log("Agora a variavel num1 vale: ", num1);
No Caret ficaria algo tipo:
<!doctype html>
<html lang=“pt-br”>
<head>
<title>Curso de Javascript</title>
<script>
let num1, num2;
num1 = 20;
num2 = 10;
document.write("Valor original de num1: ", num1);
document.write(" E o valor de num2 é: ",num2);
num1 = 30;
document.write(" Agora a variavel num1 vale: ", num1);
</script>
</head>
<body>
</body>
</html>
Agora, sim!!!!
Números reais
O conjunto dos números reais consiste nos números ∈ {R}, negativos e positivos, que possuem parte decimal, isto é, possuem frações de valor intermediários a [0,1].
Uma explicação mais detalhada e didática, sobre os conjuntos de números, vc pode encontrar aqui: Números reais.
Sintaxe
Os números reais podem ser representados por sua parte inteira, seguida do ponto decimal e da parte fracionária, ou pelo que chamamos em Informática de notação ponto flutuante.
A sintaxe para declaração é:
let nome_da_variavel = parte_inteira•parte_fracionaria ;
Note que, apesar de representarmos o separador decimal como vírgula, na língua portuguesa, em informática, só se admite o ponto, para isto.
Se precisarmos utilizar a notação exponencial, a sintaxe fica:
let nome_da_variavel = parte_inteira•parte_fracionaria e expoente;
Note que, apesar de representarmos o separador decimal como vírgula, na língua portuguesa, em informática, só se admite o ponto, para isto.
Exemplos:
let x = 12.3; //atribuição 12,3 à variável x
let y = 4.238e2; //atribuição do valor 4,238 x 10² = 42,38 x 10¹ =
// 423,8 à variável y
let pi = 3.14159;
let raio = 20;
let perimetro = 2 * pi * raio //cria e calcula o valor da
// variável perimetro = 2.π.r
Vai gerar:
Booleanas
Uma variável do tipo booleano pode assumir apenas dois valores: true ou false.
Esta é a forma que os computadores lidam com todos os tipos de dados: aproximando-os pelos valores 0 e 1, certo e errado, falso e verdadeiro, corrente elétrica = 0 e corrente elétrica = 1, tensão = 0 V e tensão = 5V.
O JavaScript converte automaticamente "true" para 1 e "false" para 0, quando isso for necessário.
Sintaxe
A declaração da variável booleana é igual a todas as outras. Os valores que ela pode receber, no entanto, é que estão limitados a true e false.
let booleana1 = true;
ou
let booleana2 = false;
Exemplos:
let booleana1 = true; //cria e atribui valor VERDADE à variável booleana1 console.log(booleana1);
Vai resultar em:
Strings
Uma variável do tipo string, em todas as LPs e também em JavaScript, é utilizada para armazenar texto.
Sintaxe
A declaração da variável string é igual a todas as outras, exceto que ela pode receber textos, como "valor".
Textos, em JS, devem ser escritos entre " (aspas duplas):
let variavel_string = "texto a ser armazenado";
As variáveis string podem ser concatenadas, isto é, na hora de mostrar ou imprimir, podemos enviar várias strings de uma só vez, em sequência.
Por exemplo, usando o console:
console.log(var_string1, var_string2, var_string3);
ou
console.log(var_string1 + " " + var_string2);
No arquivo:
document.write(var_string1, var_string2, var_string3);
ou ainda
document.write(var_string1 + " " + var_string2 + " , " + var_string3);
Exemplos:
let string1= "abc ABC"; //cria e atribui texto à variável string1 console.log(string1);
let Idade = 50;
let Nome="Fernanda";
let Sobrenome = "Argoud da Silva";
console.log(Nome + " " + Sobrenome);
console.log(Sobrenome, Nome);
console.log ("\n Idade: ", Idade);
Vai resultar em:
No arquivo:
let Nome="Fernanda", Sobrenome = "Argoud da Silva";
let Idade = 50;
document.write("NOME COMPLETO: ", Nome);
document.write(" " + Sobrenome + " ");
document.write("IDADE: ", Idade);
Vai resultar em:
Para exibirmos o valor da variável empresa fora do console, podemos executar o seguinte comando:
alert(empresa);
O comando alert serve para criação de popups com algum conteúdo de texto que colocarmos
dentro dos parênteses. O que acontece com o seguinte código?
var numero = 30;
alert(numero)
O número 30 é exibido sem problemas dentro do popup. O que acontece é que qualquer variável
pode ser usada no alert . O JavaScript não irá diferenciar o tipo de dados que está armazenado numa
variável, e se necessário, tentará converter o dado para o tipo desejado.
Exercícios
| << AULA 1 - INTRODUÇÃO | AULA 2 - TIPOS DE DADOS | AULA 3 - Operadores>> |
|---|