Veja no Youtube:
Objetivos
- Entender o diferentes tipos de dados
- 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.
Top comments (0)