HELP , manipulando array de objetos

[caslumar 0]

HELP, dei uma travada nos meus estudos e precisava de uma ajuda para sair desse buraco!
estou com um problema para LISTAR propriedades de um array de objetos.
o problema é que eu só consigo retornar o conteúdo via STRINGIFY,
gostaria de conseguir retornar apenas uma das propriedades desse array para injetar no meu html,segue o código:

class listaConvidados{

        constructor() {
      
              this.convidados = [];
         }
      
      
        adicionar(nome,idade,cpf){                             
      
              var convidados = {nome:nome, idade:idade, cpf:cpf} 
              this.convidados.push(convidados);
                
              console.log(convidados);
      }
      
        listar(){
          
              var lista = document.getElementById("resultado");
              var nome = JSON.stringify(this.convidados);
              var texto = document.createTextNode(nome);
    
              lista.appendChild(texto);
              
      }
      
      }
      
      var listaConv = new listaConvidados();
      
      document.getElementById("adicionarConvidado").onclick = function(){
      
        var nome = document.getElementById("name").value;
        var idade = document.getElementById("age").value;
        var cpf = document.getElementById("docnum").value;
      
        listaConv.adicionar(nome, idade, cpf);
      }
      
    
       document.getElementById("listAll").onclick = function () {
    
          listaConv.listar();
      }