Skip to main content
5 de 5
etiquetas editadas

¿Cómo acceder a un vector obtenido después de usa sentencia fetch en JavaScript?

Tengo el siguiente código:

  listById (name: String): any[] {
    let elementElectrico: Array<any> = [];
    function getName(nameElect) {
    const elemetElec = [];
    const featureRequest2 = new WFS().writeGetFeature({
      srsName: 'EPSG:4326',
      featureTypes: ['neplan_postgreSQL:viewAllElements'],
      outputFormat: 'application/json',
      filter: equalToFilter('name', nameElect)
    });
    fetch('http://localhost:8080/geoserver/neplan_postgreSQL/wfs', {
      method: 'POST',
      body: new XMLSerializer().serializeToString(featureRequest2)
    }).then(function(response) {
      return response.json();
    }).then(function(json) {
      const features = new GeoJSON().readFeatures(json);
      elemetElec['name'] = features[0].values_.name;
      elemetElec['coordX'] = features[0].values_.geometry.flatCoordinates[0];
      elemetElec['coordY'] = features[0].values_.geometry.flatCoordinates[1];
      elemetElec['coords'] = features[0].values_.geometry.flatCoordinates;
    });
    return elemetElec;
  }
  elementElectrico = getName(name);
  return elementElectrico;
  }

y lo consumo en mi componente así:

cargarDatosByName(name: String): any[] {
  let lista: Array<any> = [];
  lista = this._service.listById(name);
  console.log(lista);
  return lista;
}

al imprimirlo en consola lo obtengo así:

resultado

 `[]
    coordX: -104.39924848
    coordY: 29.54486549
    coords: (2) [-104.39924848, 29.54486549]
    name: "2999"
    length: 0
      __proto__: Array(0)`

como accedo a sus propiedades, lo he intentado:

  1. console.log(lista[0].coordX);
  2. console.log(lista[0]);
  3. console.log(lista.coordX);

y no me deja acceder a las propiedades