How to work with arrays at Angular 5

Question

I’m taking the list like this:

listarTodosEstados() {
    return this.http.get<any[]>(`${this.estadosUrl}`);
  }

This is my Component:

pesquisarEstados() {
    this.cidadesService.listarTodosEstados()
      .subscribe(dados => {
        console.log(this.estados = dados);
      });
  }

That is the result:

Please, I would like to know how to only print on the console.log only the attribute code?

Answer 1

Use the function map

pesquisarEstados() {
    this.cidadesService.listarTodosEstados().subscribe(dados => {
        this.estados = dados;
        console.log(this.estados.map(() => <any>e.codigo));
    });
}

See an example

const estados = [{codigo: 1, nome:'Rio Grande do Sul'}, 
                 {codigo: 2, nome:'São Paulo'}, 
                 {codigo: 3, nome:'Minas Gerais'}];

console.log(estados.map((e) => e.codigo));