Como exibir todos os métodos de um objeto JavaScript

Neste artigo você vai aprender a como exibir todos os métodos de um objeto JavaScript, vamos aplicar uma simples lógica para isso.

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

Exibir todos os métodos de um objeto em JavaScript é uma tarefa comum quando se trabalha com programação orientada a objetos.

Existem várias maneiras de fazer isso, mas algumas das maneiras mais comuns são usando o operador “in”, o método “hasOwnProperty” e o método “getOwnPropertyNames”.

Usando o operador “in”:

var meuObjeto = {
  metodo1: function() {},
  metodo2: function() {},
  metodo3: function() {}
};

for (var propriedade in meuObjeto) {
  if (meuObjeto.hasOwnProperty(propriedade)) {
    console.log(propriedade);
  }
}

Usando o método “hasOwnProperty”:

var meuObjeto = {
  metodo1: function() {},
  metodo2: function() {},
  metodo3: function() {}
};

for (var propriedade in meuObjeto) {
  if (meuObjeto.hasOwnProperty(propriedade) && typeof meuObjeto[propriedade] == "function") {
    console.log(propriedade);
  }
}

Usando o método “getOwnPropertyNames”:

var meuObjeto = {
  metodo1: function() {},
  metodo2: function() {},
  metodo3: function() {}
};

var metodos = Object.getOwnPropertyNames(meuObjeto).filter(function(propriedade) {
  return typeof meuObjeto[propriedade] == "function";
});
console.log(metodos);

Em todos os exemplos, as propriedades (métodos) do objeto serão exibidas no console.

O primeiro exemplo usa o operador “in” e o método “hasOwnProperty” para percorrer as propriedades do objeto e exibir apenas as que são propriedades do objeto (e não herdadas).

O segundo exemplo usa o mesmo método, mas verifica se o valor da propriedade é uma função antes de exibir.

O terceiro exemplo usa o método “getOwnPropertyNames” para obter uma matriz de todas as propriedades do objeto e, em seguida, usa o método “filter” para filtrar apenas as propriedades que são funções.

Observe que esses exemplos mostram apenas métodos diretamente associado ao objeto, não métodos herdados de sua cadeia de protótipos.

Se desejar incluir métodos herdados, pode ser necessário fazer uma verificação adicional.

Deixe um comentário contando o que achou deste artigo 🙂

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

Em conclusão, exibir todos os métodos de um objeto em JavaScript é uma tarefa comum e pode ser feita de várias maneiras.

O operador “in” e o método “hasOwnProperty” são maneiras comuns de percorrer as propriedades de um objeto e exibir apenas as propriedades do objeto (e não herdadas).

O método “getOwnPropertyNames” também pode ser usado para obter uma matriz de todas as propriedades do objeto e, em seguida, filtrar apenas as propriedades que são funções.

Lembre-se de que esses exemplos mostram apenas métodos diretamente associado ao objeto, não métodos herdados de sua cadeia de protótipos.

Se desejar incluir métodos herdados, pode ser necessário fazer uma verificação adicional.

Independentemente do método escolhido, essa técnica é útil para entender e acessar as funcionalidades de um objeto em JavaScript.

Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!