1
resposta

Existe alguma metodologia para melhorar a performance nesse sentido?

Olá , estou iniciando meus estudos no Javascript e estou a procura de um packet, método ou estratégia que sane minha duvida, a qual eu não sei bem como formula-la diretamente. Mas vamos lá.

Estou aprendendo a programar e até me forço a escrever o código todo, evitando usar as ferramentas de alto completar. Deram me a dica de não usar tanto isso no inicio, pois poderia me atrapalhar.

Mas existe uma série de estruturas repetitivas que , para mim, não faz sentido ficar rescrevendo-as sempre, já que são quase idênticas a anterior e não encontro meio automatizar essas "rotinas".

Veja o exemplo:

pacienteTr.appendChild(montarTd(paciente.nome, "info-nome"));
pacienteTr.appendChild(montarTd(paciente.peso, "info-peso"));
pacienteTr.appendChild(montarTd(paciente.altura, "info-altura"));
pacienteTr.appendChild(montarTd(paciente.gordura, "info-gordura"));
pacienteTr.appendChild(montarTd(paciente.imc, "info-"));

Qualquer pessoa que leia apenas duas linhas desse código sabe qual o padrão que se segue e qual informação está faltando após o "info-" . Queria saber se existe um shotcut, método ou package que melhore a performance nesse sentido?

1 resposta

Fala ai Marco, tudo bem? Muito bem observado, excelente ponto.

Nesse caso a gente pode utilizar os laços de repetição, ou seja, os famosos loops, a ideia seria você ter uma lista de informações à serem utilizadas pelas funções, mais ou menos assim:

const colunas = ['nome', 'peso', 'altura', 'gordura', 'imc']
colunas.forEach(coluna => {
    pacienteTr.appendChild(montarTd(paciente[coluna[, `info-${coluna}`));
})

Dessa forma a gente repete N vezes um trecho de código de uma única maneira, se quiser mais informações sobre a função forEach:

https://www.youtube.com/watch?v=1YI4_JuDoTU

Espero ter ajudado.