problemas com map() | JavaScript: conhecendo o Browser e padrões de projeto

Solucionado (ver solução)

Solucionado
(ver solução)

1
resposta

por Guilherme Oliveira Casagrande

| 111.2k xp | 39 posts

Quando eu rodo esse código na NegociacoesView

model.negociacoes.map((n) => {
console.log(n)
return n})

No console mostra que n é um array vazio e dá o erro que data é undefined

Código das classes no gist:

NegociacaoController: https://gist.github.com/Ryguigas/84fb56c329687a95cb8288e0d02d8f41

NegociacoesView : https://gist.github.com/Ryguigas/9e24c424f3ae2a65af93114303104d5a

ListaNegociacoes: https://gist.github.com/Ryguigas/6f42c22e402ad5915b8d5dcc579fde5a

index.html: https://gist.github.com/Ryguigas/7d19bed718c57f2d04673a36e06c13a8

1 resposta

solução!

por Laís Cavalcanti

| 2576.8k xp | 4815 posts

Instrutor

03/08/2020

Oi, Guilherme, tudo bem?

No seu arquivo ListaNegociacoes.js, no momento que você criou o acesso do atributo listaNegociacoesatravés do get, você associou a um objeto array assim impossibilitando o acesso dos atributos, data, negociações, valor e volume.

Precisamos criar uma cópia do atributo, utilizando o método da programação defenssiva ensinada pelo professor na aula, com um array vazio e com o método concat que concatenará ao this._negociacoes para que evitemos adicionarmos valores por fora do método adicionar, dessa forma, ficando assim o get:

   get negociacoes() {  
        return [].concat(this._negociacoes);
    }

Agora você vai poder acessar os atributos :)

Caso tenha ficado alguma dúvida é só falar!