Veja no Youtube:

Objetivos

1. Entender o diferentes tipos de dados
2. Ver como eles funcionam

Bora lá...

Quando trabalhamos com variáveis temos a possibilidade de ter vários tipos e eles podem sem Texto, números, Objetos, Arrays ou Booleanos, nesse artigo vamos entender cada um deles.

O 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.

string

Sempre que quisermos trabalhar com textos vamos usar a nomenclatura de strings para elas e elas podem ser identificadas facilmente pelo seu uso de aspas duplas ou simples dessa forma "Diego Telles" ou 'Diego Telles' , mas podemos usar ela para armazenar outros tipos também, mas automaticamente as aspas vão converter para string e tudo se tornará texto no final. Por exemplo:

const variavel = "Diego" // string (Texto)

const variavel = "200" // string (Texto)

const variavel = "false" // string (Texto)

Devemos nos atentar que para o JavaScript um texto escrito com letra maiúscula e um com letra minúscula porque o JavaScript é Case Sensitivity:

const variavel1 = "Diego" 

const variavel2 = "diego" 

A váriavel1 é diferente da váriavel2

number

Para trabalharmos com tipos numéricos podemos passar somente o número inteiro ou decimal que também pode ser chamado de float.

const numerico = 10    // number 

const numerico = 10.25 // number

const numerico = 0.410 // number

boolean

Os booleanos são basicamente o nosso binário que é representado como 0 ou 1, mas aqui teremos eles representados como true ou false (Verdadeiro ou Falso) usaremos para validar condicionais como if...else por exemplo vamos ver um exemplo de declaração:

const admin = true

const admin = false

Ps. Veremos uso dele com if...else no artigo de if...else

Object

Objetos nada mais é que um conjunto de variáveis de mesmo tipo ou tipos diferentes armazenados em uma única variável onde ela pode ser identificada pelo uso das chaves { } e pelo uso de dois pontos : para separar o que é chave do seu valor, tudo que tiver dentro das chaves é um objeto, vamos aos exemplos:

const obj = {
    nome: "Diego Telles",
    ano: 2021,
    admin: true
}

Nesse exemplo, notamos um padrão na estrutura que basicamente é após a declaração de uma chave: valor temos uma vírgula. Como havia dito, podemos ter diferentes tipos dentro de um objeto e podemos ter também outros objetos dentro também, dessa forma:

const obj = {
    nome: "Diego Telles",
    ano: 2021,
    admin: true,
    endereco: {
        cidade: "SP",
        numero: 725,
    }
}

Atenção, evite o uso de símbolos ou até mesmo traço ou separar palavras nas chaves do seu objeto use o padrão cammelCase para declarar como nas variáveis.

Arrays

O uso do array é usado para armazenar um ou vários objetos e com ele podemos iterar (percorrer) por cada um desses objetos usando métodos (funções) do próprio JavaScript, o array pode ser identificado pelo uso de colchetes [ ] com nenhum ou vários objetos, vamos ver como ele é:

const arr = [{
        nome: "Diego Telles",
        ano: 2021,
        admin: true,
        endereço: {
            cidade: "SP",
            numero: 725,
        }
    },
    {
        nome: "Larissa Azevedo",
        ano: 2021,
        admin: true,
        endereco: {
            cidade: "SP",
            numero: 180,
        }
    }
]

Basicamente a estrutura é essa, e assim podemos percorrer por cada um desses objetos com um método map() do JavaScript.

null

Uma palavra-chave que indica valor nulo. Devido JavaScript ser case-sensitive, null não é o mesmo que Null, NULL, ou ainda outra variação

undefined

Uma propriedade superior cujo valor é indefinido

Conclusão

Podemos usar diferentes tipos de dados em conjunto ou até mesmo separados e devemos nos atentar no uso das letras maiúsculas e minúsculas para comparação de textos por que o JavaScript é Case-sensitive.