Блог

Я использую fetch api в javascript. Однако у меня возникают проблемы с отображением через различные форматы объектов JSON. Вот два фрагмента моего кода, первый из которых работает, а второй нет из-за формата JSON.

Это отлично работает —

     fetch('https://randomuser.me/api/?results=3')  

    .then(results => { return results.json(); })   

    .then(function(data) {                         

    {data.results.map((key) => console.log(key.gender))}

    });
  

Это не работает — потому что идентификатор формата JSON отличается

     fetch('https://jsonplaceholder.typicode.com/users/1')  

       .then(results => { return results.json(); })   

       .then(function(data) {                          

       {data.results.map((key) => console.log(key.gender))}

    });
  

Это ошибка, которую я получаю

Неперехваченный (в обещании) Ошибка типа: не удается прочитать свойство ‘map’ неопределенного в

Может кто-нибудь объяснить, как я могу отображать различные типы формата json ЗАРАНЕЕ СПАСИБО

В этом наборе данных нет results свойства, и это всего лишь один «результат».: https://jsonplaceholder.typicode.com/users/1

Однако нет причин сопоставлять один элемент, если вы используете этот набор данных: https://jsonplaceholder.typicode.com/users/

Вы можете сопоставить это, но по-прежнему нет ни result свойства в dataset, ни gender свойства у элементов… итак, вам нужно будет сопоставить data объект и и существующее свойство … т.е. website :

     fetch('https://jsonplaceholder.typicode.com/users/')  

       .then(results => { return results.json(); })   

       .then(function(data) {                          

       {data.map((key) => console.log(key.website))}

    });