es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Recuperar datos complejos de una API, crear un array de objetos e iterar esto.

06 Aug, 2023 Programación

Estoy intentando crear una matriz de objetos complejos a partir de esto:

https://demo.ckan.org/api/3/action/package_show?id=sample-dataset-1

Quiero usar esta matriz de objetos para crear componentes utilizando map()

  • Utilicé http://json2ts.com para crear el tipo de respuesta:
// ... otros tipos como Tag
export type DatasetInfoResult = {
  license: string
  relationships_as_object: string[]
  maintainer_email: string
  tags: Tag[]
  // ... todos los parámetros
}

export type DatasetInfoResponse = {
  help: string
  success: boolean
  result: DatasetInfoResult
}

Mi código:

  • datasetIDs es una matriz de cadenas. Contiene los nombres de los conjuntos de datos, como “sample-dataset-1”.
  • getDataset obtiene la dirección de la API y está bien.
export async function getAllDatasets() {

  const datasetsIDs = await listDatasets();
  let allDatasets: DatasetInfoResult[] = [];

  datasetsIDs.map(async id => {
    allDatasets.push(await getDataset(id));
  });

  return allDatasets;
}

Mensaje de error: TypeError: No se pueden leer las propiedades de indefinido (leyendo ‘push’)

Intentando de otra manera:

export async function getAllDatasets() {

  const datasetsIDs = await listDatasets();
  let allDatasets: DatasetInfoResult[] = [];

  for (let i = 0; i <= datasetsIDs.length; i++ ) {
    const resp = await getDataset(datasetsIDs[i]);
    allDatasets = [...allDatasets, resp];
    // allDatasets.push(resp)
  }

  return allDatasets;
}

Mensaje de error: allDatasets no es iterable

¿Cómo puedo hacer esto? ¿Cuál es una mejor manera de obtener muchos datos y usarlos?

Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Hay un par de problemas con tu código. En primer lugar, necesitas inicializar el array allDatasets antes de agregar elementos a él. Puedes hacer esto estableciéndolo como un array vacío: let allDatasets: DatasetInfoResult[] = []. En segundo lugar, en tu bucle for, la condición debe ser i < datasetsIDs.length en lugar de i <= datasetsIDs.length (ya que los arrays están indexados desde cero, el último índice es length - 1). Por último, tu enfoque de usar map con async/await puede que no funcione como se espera, ya que map devuelve un array de promesas y necesitas esperar a que todas se resuelvan antes de devolver los resultados. Aquí tienes una forma de corregir tu código:

    export async function getAllDatasets() {
  const datasetIDs = await listDatasets();
  const allDatasets: DatasetInfoResult[] = [];

  for (let i = 0; i < datasetIDs.length; i++) {
    const resp = await getDataset(datasetIDs[i]);
    allDatasets.push(resp);
  }

  return allDatasets;
}

    Alternativamente, puedes usar Promise.all para esperar a que se resuelvan todas las promesas:

    export async function getAllDatasets() {
  const datasetIDs = await listDatasets();
  const promises = datasetIDs.map(id => getDataset(id));
  const allDatasets = await Promise.all(promises);
  return allDatasets;
}

    Este código crea un array de promesas para cada ID de dataset utilizando map, y luego espera a que todas se resuelvan utilizando Promise.all. El resultado es un array de respuestas en el mismo orden que los IDs de entrada.

Comments are closed.