Qual a diferença entre [] e {} em JavaScript

Neste artigo você vai aprender qual a diferença entre [] e {} em JavaScript, e como utilizar estes dois tipos de dados que são bem distintos

Conteúdo também disponível em vídeo:

Fala programador(a), beleza? Bora aprender mais sobre arrays e objetos em JavaScript!

Podemos definir estes símbolos como tipos de dados

O [] representa arrays, ou seja, uma lista que contém um conjunto de dados

Na maioria das vezes os arrays contém apenas um tipo de dados entre os seus valores, por exemplo: um array de strings ou um array de numbers

Poŕem isso não é uma regra, e podemos criar arrays com tipos de dados variados, inclusive outros arrays

Veja um exemplo:

var arr = [1, 2, 4, 6, 8, 10];
console.log(arr); // [1, 2, 4, 6, 8, 10]
console.log(typeof arr); // object

Apesar de ser um array, este tipo de dado é identificado pelo JS como um object, ou seja, objeto

Já o símbolo {} é utilizado para declarar objetos em nosso código

Estes objetos do JS se assemelham muito a arrays associativos de outras linguagem, onde possuem uma chave e um valor para cada chave

Podemos também ter objetos de um único tipo de dado, como também de diversos (situação que é mais utilizado)

Veja um exemplo na prática:

var obj = {
    nome: "Matheus",
  idade: 29,
  profissao: "Programador"
}
console.log(obj); 
console.log(typeof obj); // object

Os itens são separados por vírgula, o que é também uma característica dos arrays

E como era de se esperar o JavaScript identifica este tipo de dado como object, ou seja, um objeto

Conclusão

Neste artigo aprendemos qual a diferença entre [] e {} em javaScript

De forma resumida: os colchetes são utilizados para representar arrays na linguagem

E as chaves são utilizadas parar criar um objeto em JS

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube