Call method DataTable(config); //Everything is normal
Then load JSON, function fetchers(apiUrl) //Everything is normal
Then print the JSON I received on the console //Everything is fine
Then I tried to use Array.prototype.map() (before that I was using local data) and then I got this error....
Uncaught (in promise) TypeError: datas.map is not a function
DataTable(config); const config = { //ok parent: '#usersTable', apiUrl: "https://mock-api.shpp.me/mmykola/users" }; async function fetchUsers(apiUrl) { //ok const response = await fetch(apiUrl); return await response.json(); } sync function DataTable(config) { let newData = await fetchUsers(config.apiUrl); //ok console.log(newData["data"]); //ok newData.map((value) => {/*work with JSON create code for new table...../*}); //error here }
Before this, I used local data and created a table from it, everything was fine, but in the downloaded JSON, this happens.
I would be happy to get suggestions about this error, not just a solution,
Please also read the advice about json
objects not having function
type properties
and try to deconstruct a json object like this
const {data} = newData; console.log(data); // 一切正常,简单的对象数组 data.map((value) => {/*work with JSON...../*});//错误与上述相同
So from the api response, you don't have an array, but an object.
So you need to iterate through all properties in the data object. You can use Object.values() to convert all property values into arrays and then use the map method.