JavaScript

Qual a diferença de Array() e [] em JavaScript

22 de julho de 2021

Qual a diferença de Array() e [] em JavaScript

Neste artigo você vai aprender qual a diferença de Array() e [] em JavaScript, quando declaramos um novo array com as duas sintaxes

diferença de Array() e [] capa

Fala programador(a), beleza? Bora aprender mais sobre arrays e também sobre JavaScript!

A grande diferença é que quando criamos um Array (com a classe), estamos criando um objeto, ou seja, uma classe molda o mesmo no nosso código

Já a forma de colchetes, cria um array utilizando as propriedades default do JavaScript

Na teoria, as duas formas criam um simples array

Porém a classe pode ser sobrescrita no nosso código, então há a possibilidade de criar uma diferença

Embora não seja comum e nem tão útil assim

Veja um exemplo:

function Array() {
	this.hello = "Hello World!"
}

const a = [];
const b = new Array();

console.log(a.hello); // undefined
console.log(b.hello); // Hello World

a.push(1); // [1]
b.push(1); // push is not a function

Veja que modificamos a estrutura do objeto Array, agora ele não tem mais os métodos como push e pop

Apenas a propriedade hello, o que é um grande problema

Então para evitar problemas como este, basta escolher a forma dos colchetes

Pois esta não pode ser sobrescrita 🙂

Além disso, criando com o objeto Array não podemos inicializar o array com algum valor

O máximo que pode ser feito é criar um array com x elementos, onde x é passado por parâmetro

Conclusão

Neste artigo você aprendeu a diferença de Array() e []

O objeto Array pode ter sua estrutura facilmente substituída, e não podemos iniciar com elementos

Então é melhor optarmos pela sintaxe de colchetes, já que no fim das contas ambas as abordagens vão ter o mesmo resultado final

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!
Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x