Tipos de dados
Published: 2021-03-05 15:56:26

# Veja no Youtube:
[![VIDEO](http://img.youtube.com/vi/DxBOUQ4vn78/0.jpg)](https://youtu.be/DxBOUQ4vn78)

# 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:

```jsx
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](https://pt.wikipedia.org/wiki/Case-sensitive):

```jsx
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`.

```jsx
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:

```jsx
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:

```jsx
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:

```jsx
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 é:

```jsx
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()](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/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.