Introdução a lógica de programação

Cada linguagem de programação têm sua própria estrutura de dados embutida, e essa estrutura frequentemente difere uma da outra. Vamos conhecer os tipos de dados disponíveis na linguagem JavaScript e que propriedades eles possuem. Isso envolve o estudo de variáveis e tipos primitivos.

Variáveis

JavaScript é uma linguagem de tipagem dinâmica. Isso significa que você não necessita declarar o tipo de uma variável antes de sua atribuição. O tipo será automaticamente determinado quando o programa for processado. Isso também significa que você pode reatribuir uma mesma variável com um tipo diferente.

Uma variável faz referencia a um espaço na memória do computador. São utilizadas para guardar informações que serão usadas nos programas.

Criamos a variável nome e atribuimos o valor string de 'natalya' a ela. em seguida acessamos a variavel e a mostramos na tela.

var nome = 'natalya'
console.log(nome)

Na declaração usamos as palavras reservadas (var, let ou const):

let batata = 'pure'

Reatribuíção:

batata = 'batata-frita'

var

É mais antiga forma de definir variáveis no javascript, ela pode ser reatribuída e redeclarada. Diferentemente da const e da let ela não tem escopo de bloco.

let

A let junto com a const vieram no es6 (atualização de 2015). Ela também pode ter o seu valor reatribuido mas não pode ser redeclarado.

const

A const (constante) não pode ter seu valor reatribuído nem redeclarado. Diferentemente da let e da var. E assim com a let ela também tem escopo de bloco.

MDN: var, const, let

Escopo

A grande maioria das linguagens possui o conceito de escopos, e JavaScript não é diferente. Escopo é a acessibilidade de objetos, variáveis e funções em diferentes partes do código.

Em outras palavras, o que determina quais são os dados que podem ser acessados em uma determinada parte do código é o escopo.

Escopo Gobal

Todos tem acesso a valores que são definidos no escopo global.

Escopo Local

No escopo local, variaveis que são criadas dentro dele não podem ser acessadas no escopo global(com excessao da var).

Escopos locais são criados através de funções e blocos de código. Bloco de código é tudo que está dentro de chaves {}

// escopo global

if (2 > 1) {
  //escopo local
  const restrito = 'olá'
}

console.log(restrito) // ReferenceError: restrito is not defined

agora vamos definir a variável popular fora do bloco de if (no escopo global). Veja que conseguimos acessa-lá de dentro do escopo local.

const popular = 'oi'
if (2 > 1) {
  //escopo local
  console.log(popular)
}

Estrutura de dados: Tipos primitivos

Um primitivo (valor primitivo, tipo de dados primitivo) é um dado que não é representado através de um Objeto e, por consequência, não possui métodos.

String X Template string

Exemplo de string:

const frase = 'Olá, mundo!'

console.log(frase)

Exemplo de template string:

const nome = 'Alunos'

const templateString = `Olá, ${nome}`

console.log(templateString)

Concatenação de strings

Concatenar é uma palavra chique da programação que significa "colocar junto". Para colocar strings juntas em JavaScript, usamos o operador (+), o mesmo usamos para adicionar números, mas neste contexto é algo diferente. Vamos tentar este exemplo no console.

var one = "Hello, ";
var two = "how are you?";
var joined = one + two;
joined;

O resultado disso é uma variável chamada joined, que contém o valor "Hello, how are you?".

MDN: Template strings

Números, operadores e calculos matemáticos

Number -> valores numéricos (podem ser inteiros ou decimais 5 ou 5.0)

var num1 = 10;
var num2 = 50;
9 * num1;
num2 / num1;

BigInt (grandes números)

O tipo Number é limitado por isso o tipo de dado BigInt foi criado. Com ele é possível representar inteiros de precisão não exata. Para fazer uso dele você pode adicionar um n ao final do número inteiro ou chamar a função BigInt() como mostrado abaixo:

90071992547409910n * 100n
9007199254740991000n

com o Number:

90071992547409910 * 100
9007199254740990000

MDN: javascript math

Null (nulo)

Pode ser utilizado para representar um valor vazio

Undefined valor que não foi definido

Boolean

false e true

Muitas vezes, na programação, você precisará de um tipo de dado que só pode ter um de dois valores. Exemplo:

SIM / NÃO
LIGADO / DESLIGADO
VERDADEIRO / FALSO

Para isso, JavaScript tem um tipo de dado Boolean . Ele só pode receber os valores true ou false.

console.log(10 > 9)
console.log(2 !== "dois")

Operadores

Operadores Matemáticos

+  mais
-  menos
*  multiplicação
/  divisão
%  modulo (ou resto)
** potencia

Operadores de Atribuição

a = 2 -> atribui valor de 2 para a

Operadores Lógicos

&&  significa E
||  significa OU

Operadores de Comparação

==   igual
===  igual
>    maior que
<    menor que
>=   maior igual a
<=   menor igual a
!==  diferente
!=   diferente

Triple equals vs Double equals

2 == 2 // true
2 === 2 // true
2 === "2" // false
2 == "2" // true

O double equals vai tentar nos ajudar na comparação, e ao notar que estamos tentando comparar tipos diferentes (string e number) ele vai tentar converter a string para number. No caso acima ele consegue e por isso temos o resultado true.

Entao por baixo dos panos o que aconteceu foi: 2 == Number("2") //true

Com o triple equals o javascript nunca tenta converter os valores. Por isso, o resultado false.

Sendo assim, recomenda-se usar o triple equals para evitar surpresas.

E a internet não perdoa as surpresas: