Javascript: elementos básicos da linguagem

Afluentes: Desenvolvimento Front-end I, Desenvolvimento Front-end II, Usabilidade, desenvolvimento web, mobile e jogos

Variáveis

A linguagem Javascript possui um sistema de variáveis com tipagem fraca e dinâmica:

• Não precisa declarar o tipo;
• Todas variáveis são objetos (referência);
• Os numéros são reais de 64bits;
• A variável muda seu tipo dinamicamente conforme os valores forem atribuídos.

1var x;
2x = 34;
3x = false;
4x = "Misato Katsuragi";
5x = null;

Contexto das Variáveis

• Quando você usar var fora de uma função, ela pertence ao escopo global.
• Quando você usar var dentro de uma função, ela pertence aquela função.
• Quando você usar var dentro de um bloco, a variável estará disponível fora daquele bloco também

var x = 5.6;

• A palavra chave let é um tipo de variável para o escopo de um bloco e limitada aquele bloco e apenas aquele bloco.

let x = 5.6;

• Uma const é uma variável que, uma vez criada, seu valor não pode mais ser alterado.

const x = 5.6;

Operadores

+ soma de números ou concatenação de strings
- subtração de números
* multiplicação de números
/ divisão de números (Sempre divisão real)
% resto da divisão
++ incremento
-- decremento

Operadores de Comparação

== valor igual. (5 == “5”) retorna true.
=== valor e tipo iguais. (5 === “5”) retorna false
!= valor diferente. (5 != “5”) retorna false
!== valor e tipos diferentes. (5 !== “5”) returna true 
> maior
< menor
>= maior ou igual
<= menor ou igual
&& e (and)
|| ou (or)
! não (not)

Estrutura de Decisão

If else funciona tal como Java e C:

if (condicao) {
   // Codigo a executar caso a condição seja verdadeira
} else {
  // Código a executar caso seja falsa
}

O switch case também funciona igual.

Estruturas de Repetição

for, while e do while funcionam da mesma forma como Java e C, incluindo os comandos continue e break

for (i = 0; i < 10; i++) {
  // Código a executar
}

while (i < 100) {
  // Código a executar
}

do {
  // Código a executar
} while (x < 10);

Vetores

Os vetores, ou arrays, são variáveis que podem armazenar um conjunto de informações, geralmente do mesmo tipo. Abaixo temos exemplos de criação de variáveis do tipo array:

var alunos = ['Rei', 'Asuka', 'Shiji', 'Kaworu'];
let animes = ['Neon Genesis Evangelion', 'Spice and Wolf', 'Daemon Slayer'];

No Javascript também é possível declarar array sem um tamanho definido ou com um tamanho. Por exemplo:

var alunos = Array(10);
let animes = [];

E podemos adicionar e acessar elementos específicos:

let animes = Array(10);
animes[0] = 'Neon Genesis Evangelion';
animes[1] = 'Spice and Wolf';
console.log(alunos[0]);

Para adicionar um novo elemento no final da array, usamos push. E para acessarmos em um laço todos os elementos da nossa array, podemos usar um laço for, o método forEach ou map. Aqui vamos ver com for e forEach.

var alunos = ['Rei', 'Asuka', 'Shiji', 'Kaworu'];
alunos.push('Kensuke');

// Laço for
for(let i = 0; i < alunos.length; i = i + 1 ) {
    console.log('[for]', alunos[i]);
}

// método forEach
nomes.forEach(function(alunos, i) {
    console.log('[forEach]', alunos, i);
})

Mais sobre arrays na w3school.