Soy nuevo en JS y estoy tratando de obtener un valor desde el interior de la matriz.

En la consola ingreso:

 assetList[0].data[0].id

y obtengo el valor como esperaba, sin embargo, cuando trato de pasar el valor a una variable en mi secuencia de comandos JS real como se muestra a continuación:

 function getAssetList() { var myHeaders = new Headers(); myHeaders.append("Authorization", "Basic 12345678=="); var requestOptions = { method: 'GET', headers: myHeaders, redirect: 'follow' }; assetList.pop(); //remove the existing data from the array first otherwise it will keep adding assset lists to the array fetch("https://api.mux.com/video/v1/assets", requestOptions) .then(response => response.json()) .then(data => assetList.push(data)) .catch(error => console.log('error', error)); let assetListData = assetList[0].data[0].id; // find the unordered list in the HTML let assetListContents = document.getElementById("assetListContents"); //get the length of the array let arrayLength = 25 //assetList[0].data.length; //use a loop to go through array and add for( let i=0; i < arrayLength; i++) { let listItem = document.createElement("li"); listItem.innerHTML = assetListData; assetListContents.append(listItem); }

};

Recibo un error, TypeError no capturado: no se pueden leer las propiedades de undefined (leyendo 'datos')

El error ocurre en "let assetListData = assetList[0].data[0].id;" ¿Qué estoy haciendo mal aquí? ¡Gracias por tu ayuda!