Algoritmos e Lógica de Programação (JavaScript): Linguagem de

programação e elementos para programar JavaScript

Resumo

Referências Bibliográficas
• DEITEL, Paul J.; DEITEL, Harvey M.; AJAX, Rich. Internet Applications e Desenvolvimento Web para
programadores. Pearson Prentice Hall: São Paulo, 2008.
• MORRISON, Michael. Use a Cabeça! JavaScript. 1a edição. Rio de Janeiro: Alta Books, 2009.

Quando você já desenvolveu o raciocínio lógico e computacional, você já compreendeu a forma como o
computador entende um programa. É neste momento que você começa a desenvolver os programas de
computadores.

Linguagem de Programação e o JavaScript

JavaScript é uma linguagem de programação criada para rodar no navegador de internet do usuário, e é
utilizada para auxiliar na criação de páginas para internet. O JavaScript roda localmente no lado do cliente,
dentro do HTML para desenvolvimento de front-end, permitindo deixar as páginas de internet mais inteligentes
com elementos mais interativos.
No JavaScript, a entrada de dados, o processamento destes dados e a saída dos resultados acontecem nas
páginas Web, desenvolvidas dentro do HTML. Os resultados você observa numa página de um browser de
navegação da internet.

Você pode desenvolver o JavaScript no Ambiente de Desenvolvimento da Descomplica na Máquina Virtual,

utilizando um editor de textos como o Notepad++, salvando o arquivo com a extensão .js e executar na página
HTML. Você também pode criar seu programa JavaScript de forma online, utilizando editores e compiladores
que estão disponíveis na internet. Um deles é o https://js.do/, que é fácil de utilizar.
A figura seguinte apresenta um arquivo JS01.html, com o espaço onde você deve colocar o código JavaScript
entre as linhas 9 e 13. É entre essas linhas que escreveremos todos os nossos programas JavaScript e rodar
abrindo este arquivo num browser de internet.

1
Tipos de Dados e Instruções Primitivas em JavaScript
Em JavaScript, os dados são separados em grupos e cada grupo de tipos de dados tem suas características
particulares que são comuns entre eles e que podem ser manipulados.

Os quatro tipos primitivos de dados são:

• inteiro - int
• real ou ponto flutuante - double
• caracter - char
• lógico - boolean

Computacionalmente, os tipos de dados ocupam espaço na memória do computador e, diferente da

matemática onde os números são infinitos, quando manipulados em um programa de computador, eles são
limitados, até porque os recursos computacionais de armazenamento e processamento são limitados. Nesse
caso, os tipos primitivos têm as seguintes limitações:
• Inteiro: 2 bytes, 65536 possibilidades, de -32767 a 32767. Exemplos: -7, 0, 25.
• Real: 4 bytes, 232 possibilidades. Exemplos: -3.5, 0, 17.
• Caracter: 1 byte. Exemplos: ‘a’, ‘3’, ‘!’.
• Lógico: 1 bit. Exemplos: verdadeiro ou falso, 0 ou 1.
• Alfanumérico: Conjunto de caracteres. Exemplos: “12”, “Palavra”, “Oi!”.

2
Vamos considerar a situação problema abaixo e identificar possíveis tipos de dados que podem ser
considerados para resolver computacionalmente, por meio de um programa Java Script:

Três homens estão em um restaurante. A conta é de R$ 30,00, então cada homem dá uma nota de R$ 10,00
para o garçom. O garçom pega a conta e entrega o pagamento para o gerente que decide dar um desconto de
R$ 5,00 na conta. No meio do caminho de volta à mesa, o garçom desonestamente pega R$ 2,00 dos R$ 5,00 e
devolve R$ 1,00 para cada um dos homens à mesa. Então cada homem pagou R$9,00, dando um total de
R$ 27,00. O garçom ficou com R$ 2,00, os homens pagaram R$ 27,00, ou seja, somando esses dois valores,
temos R$ 29,00. O que aconteceu com o outro R$ 1,00?

Neste caso, podemos observar e considerar os seguintes tipos de dados em JavaScript e os valores que
podem ser armazenados em cada variável declarada e com os valores armazenados:
• double conta = 30.00;
• double dinheiro = 10.00;
• String garcom = "garçom";
• String gerente = "gerente;
• int troco = 1;
• int desconto = 5;
• boolean querConta = True.

Variáveis, Constantes e Operadores em JavaScript

Os identificadores são os nomes dados às informações de um programa JavaScript; por exemplo, nome da
variável, nome da constante, nome do programa etc. Outro exemplo: pi, x, num_1, valor5, etc.
É importante lembrar que um identificador precisa começar com uma letra, podendo ser maiúsculo ou
minúsculo, seguidos por letras e números e o único caractere especial que pode ser utilizado é o underline
( _ ). A declaração de constantes, que são as informações que não se alteram durante toda a execução do
programa, pode ser declarada e com valores atribuídos em JavaScript da seguinte forma:
• const int num = 5;
• const double x_2 = 4.2, cor = 3.8;

No JavaScript, as variáveis são declaradas primeiro com o seu tipo de dados para depois colocar o nome da
variável e, se necessário, já pode atribuir um valor à variável no momento da declaração. Você pode optar por
declarar as variáveis em JavaScript sem identificar o seu tipo. Neste caso, o JavaScript vai considerar o
primeiro tipo que receber durante a compilação do programa. Podemos exemplificar a declaração de variáveis
em JavaScript, como segue:
Variáveis:
• int Sete = 5, oito;
• double Ana, vlr3;
• String valor_5B = “cenoura”
• boolean Sexo, X123;
• char c = 'x';

3
Em JavaScript, utilizamos os operadores de adição, subtração, multiplicação e divisão, como na figura
seguinte. A prioridade na resolução do cálculo é primeiro da multiplicação e divisão e depois da adição e
subtração. Podendo-se utilizar os parênteses como a primeira prioridade:

Operador Função Exemplo

+ Adição 4+7
– Subtração 3–x
* Multiplicação y*z
/ Divisão k / 10

Utilizamos também os operadores da raiz quadrada, da potência, do resto da divisão de dois números inteiros
e do quociente inteiro da divisão de dois números inteiros. A prioridade é resolver primeiro potências e raízes,
depois o resto e o quociente da divisão de dois inteiros, estes com a mesma prioridade da multiplicação e
divisão:

Operador Função Exemplo

Math.pow Potenciação Math.pow(2,3)
Math.sqrt Radiciação Math.sqrt(9)
% Resto da Divisão 7%3
(int)/(int) Quociente da Divisão 7/3

Temos os operadores relacionais para comparar dois valores. Todos possuem a mesma prioridade entre eles
e a prioridade maior é sempre realizar os cálculos aritméticos para depois os relacionais:

Temos os operadores lógico para verificar as informações. O ! da negação tem prioridade maior do que o &&
e o ||. Entre os operadores a prioridade maior é sempre realizar os cálculos aritméticos para depois os
relacionais e por fim os lógicos:

4
Ao trabalhar com os operadores lógicos, podemos verificar os resultados pela tabela verdade:

Comandos de Entrada e Saída em JavaScript

Quando escrevemos um programa em JavaScript, utilizamos o operador de atribuição =. Veja o exemplo:

<nome da variável> = <expressão>

onde expressão pode ser uma expressão lógica, aritmética ou lógica.

Por exemplo:
x = 4;
y = x + 5 – 7;
z = y – x + Math.sqrt(x) – Math.pow(y , 2);

Para receber dados pelo usuário, no JavaScript, utilizamos o comando window.prompt:

<nome da variável> = window.prompt(<mensagem>)

Por exemplo:
Letra = window.prompt(“digite uma vogal”)

Neste caso, aparece o texto digite uma vogal em uma janela no browser a espera do usuário digitar uma
informação. Essa informação é armazenada na variável Letra que assume o tipo caracter. Para mostrar
informações ao usuário, utilizamos o comando document.write:

document.write (<nome da variável>);

document.write ("<mensagem>");
document.write ("<msg>"+ <var> + ... + "<msg>"+ <var> + ... + "<msg>");

Por exemplo:
num = 5 ;
num2 = 10;
document.write (num);
document.write ("Algoritmos e Lógica de Programação");
document.write ("Ana tem " + num + " anos e Carlos tem " + num2 + " anos");

5
Veja como fica a declaração de variáveis na programação em JavaScript.

Agora observe os comandos de entrada de dados e saída de resultados no programa em JavaScript:

6
A saída dos resultados:

7
Exercícios

1. Na programação de computadores, temos o processamento de dados, onde temos a entrada de dados,

que são processados por raciocínio lógico e resulta em uma saída. Neste caso, um programa
JavaScript segue a seguinte ordem:
a) Entrada de dados, processamento destes dados, saída de resultados.
b) Entrada de dados, saída de resultados, processamento destes dados.
c) Saída de resultados, entrada de dados, processamento destes dados.
d) Saída de resultados, processamento destes dados, entrada de dados.
e) Processamento destes dados, entrada de dados, saída de resultados.

2. Quando desenvolvemos um programa JavaScript, utilizamos os tipos de dados. Estes tipos de dados
são:
a) Características dos resultados que serão processados, características comuns que podem ser
manipulados.
b) Peculiaridades dos dados que serão processados, características comuns que podem ser
manipulados.
c) Características dos dados que serão processados, características diferentes que podem ser
manipulados.
d) Peculiaridades dos resultados que serão processados, características diferentes que podem ser
manipulados.
e) Características dos resultados que serão processados, características diferentes que podem ser
manipulados.

3. Quando desenvolvemos um programa JavaScript, temos três conjuntos de operadores:

a) Operadores aritméticos, operadores alfanuméricos e operadores lógicos.
b) Operadores aritméticos, operadores relacionais e operadores alfanuméricos.
c) Operadores aritméticos, operadores relacionais e operadores lógicos.
d) Operadores eletrônicos, operadores relacionais e operadores lógicos.
e) Operadores eletrônicos, operadores alfanuméricos e operadores lógicos.

4. Para a entrada de dados, pelo usuário, em um JavaScript, utilizamos um comando de entrada de dados
que pode ser:
a) entrada( );.
b) window.prompt( );
c) entrada(<variável>);.
d) window.prompt(<mensagem>);.
e) document.write (<variável>);

8
5. Para a saída de resultados, para o usuário, em um algoritmo, utilizamos um comando de saída de
resultados que pode ser:
a) saída( );.
b) document.write ( );.
c) saída(<variável>);.
d) document.write (<variável>);.
e) entrada(<variável>);.

6. Considere as seguintes informações para os operadores lógicos em JavaScript:

I. Se A é true, então não A é false.
II. Se A é true e B é true, então A e B é true.
III. Se A é true e B é false, então A ou B é true

a) Apenas a afirmação I é verdadeira.

b) Apenas a afirmação II é verdadeira.
c) Apenas a afirmação II é verdadeira.
d) Apenas as afirmações I e II são verdadeiras.
e) As afirmações I, II e II são verdadeiras.

9
Gabaritos

1. A
Na programação de computadores, para JavaScript, temos o processamento de dados, onde temos a
entrada de dados, que são processados por raciocínio lógico e resulta em uma saída, neste caso,
precisamos primeiro ter a entrada de dados, para que eles possam ser processados e gerar resultados
que serão apresentados na saída de resultados.

2. B
Os tipos de dados são as peculiaridades dos dados que são comuns e que podem ser manipulados.
Pode-se considerar quatro tipos de dados primitivos: int, float, char e boolean.

3. C
Em algoritmos utilizamos três tipos de operadores para realizar os cálculos e o raciocínio lógico. Estes
operadores são os operadores aritméticos (para cálculos matemáticos), operadores relacionais (para
comparação de dados) e operadores lógicos.

4. D
Para receber dados pelo usuário, utilizamos o comando window.prompt. window.prompt(<nome da
variável>);. Por exemplo, Letra = window.prompt(“digite uma vogal”);.

5. D
Para enviar resultados para o usuário, utilizamos o comando escrever. document.write(<nome da
variável>);. Por exemplo, document.write (num); ou document.write ("Algoritmos e Lógica de
Programação"); ou document.write ("Ana tem " + num + " anos e Carlos tem " + num2 + " anos");.

6. E
Seguindo a tabela verdade dos operadores lógicos, quando um dado A é V, não A é F e quando A é F,
então não A é V. Quando temos A e B, então A e B só será verdadeiro quando A é V e B é V. Quanto temos
A ou B, então A ou B só será falso quando A é F e B é F.

10