Node.js - отображать только последний элемент в JSON rsponse - PullRequest
Новая
       15

Node.js - отображать только последний элемент в JSON rsponse

0 голосов
/ 30 мая 2019

Я анализирую ответ JSON, сгенерированный удаленным API.Я перебираю ответ и сохраняю нужные поля в значениях.Я создаю элементы homeCard из шаблона pug и передаю ему значения.Эта проблема заключается в том, что он отображает только последний элемент в ответе json (Sexy Beach 3).Как я могу изменить свой код, чтобы домашняя карта создавалась при каждом прохождении цикла?

    const axios = require('axios');

axios({
  url: "https://api-v3.igdb.com/games",
  method: 'GET',
  headers: {
      'Accept': 'application/json',
      'user-key': 'user-key'
  },
  data: "fields name,summary,url,popularity;sort popularity desc;limit 4;"
})
  .then(response => {
    /* GET home page. */
    router.get('/', (req, res, next) => {
      res.render('index', { pageId: 'index',
                        title: 'Homepage',
                        cards: homeCards
        });
    });
    //Iterate through the JSON array
    let r = response.data; 
    for (i=0; i<r.length; ++i){
      //create homecards with 
        var title = r[i].name;
        var description = r[i].summary;
        var link = r[i].url;
        var homeCards = [
          {
            title: title,
            link: link,
            description: description,
          },
          {
            title: title,
            link: link,
            description: description,
          },
          {
            title: title,
            link: link,
            description: description,
          },
          {
            title: title,
            link: link,
            description: description,
          },
          ]
        console.log(title, description, link);
      }

          })
  .catch(err => {
      console.error(err);
  });

Вот ответ JSON

enter image description here

1 Ответ

2 голосов
/ 30 мая 2019

Вы присваиваете одно и то же значение объекту массива homecards, а также перезаписываете тот же массив при каждой итерации. Вы должны объявить массив homecards вне цикла и поместить в него объекты. 

    const axios = require('axios');

axios({
  url: "https://api-v3.igdb.com/games",
  method: 'GET',
  headers: {
      'Accept': 'application/json',
      'user-key': 'user-key'
  },
  data: "fields name,summary,url,popularity;sort popularity desc;limit 4;"
})
  .then(response => {
    /* GET home page. */
    router.get('/', (req, res, next) => {
      res.render('index', { pageId: 'index',
                        title: 'Homepage',
                        cards: homeCards
        });
    });
    //Iterate through the JSON array
    let r = response.data; 
    var homeCards = [];
    for (i=0; i<r.length; ++i){
      //create homecards with 
        var title = r[i].name;
        var description = r[i].summary;
        var link = r[i].url;
         homeCards.push({
            title: title,
            link: link,
            description: description,
          });
        console.log(title, description, link);
      }

          })
  .catch(err => {
      console.error(err);
  });
...