JavaScript

Quantidade de elementos de um objeto em JavaScript

1 de abril de 2021

Quantidade de elementos de um objeto em JavaScript

Neste artigo você vai aprender a contar a quantidade de elementos de um objeto, ou seja, a quantidade de itens que um objeto possui

Quantidade de elementos de um objeto capa

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

Podemos fazer um loop no objeto, e verificar se a chave existe, com o método hasOwnProperty dos objetos de JavaScript

Um contador é iniciado no loop e é incrementado a cada chave encontrada, desta maneira recebemos a quantidade total no fim do loop

Veja o exemplo prático da solução do problema:

var obj = {
 nome: 'Matheus',
 idade: 30
}

var qtd = 0;
var key;

for(key in obj) {

	if(obj.hasOwnProperty(key)) {
		qtd++;
  }

}

console.log(qtd); // 2

No exemplo acima criamos um objeto com duas chaves, depois iniciamos a variável de quantidade, como qtd, com 0

No loop verificamos se a propriedade realmente pertence ao objeto e vamos incrementando a variável qtd

Depois no fim do loop recebemos a resposta de 2, que é a quantidade total de chaves do objeto

Temos também uma alternativa mais moderna, que funciona apenas em navegadores que tem compatibilidade as funcionalidades ES6

Veja esta abordagem:

var size = Object.keys(obj).length;

console.log(size); // 2

Temos acesso agora a um método chamado keys, que pode verificar as chaves de um determinado objeto

Já com a propriedade length, recebemos a quantidade dos elementos que constituem este objeto, novamente a resposta é 2

Conclusão

Neste artigo você aprendeu a como verificar a quantidade de elementos de um objeto, utilizando JavaScript

Usamos duas abordagens diferentes:

  • Um for loop em todo o objeto, verificando cada uma das chaves;
  • Utilizando o método keys e acessando a propriedade length;

Todas as duas levam a mesma solução, porém keys é mais moderna, e funciona apenas em navegadores com compatibilidade com a versão ES6

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

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x