1

Есть массив json получаемый с помощью fetch

{"news":[
{"_id":"2","header":"Заголовок 2","text":"Текст 2"},
{"_id":"1","header":"Заголовок 1","text":"Текст 1"}
]}

как его конвертировать в массив вида

news[1] = {"_id":"2","header":"Заголовок 2","text":"Текст 2"}
news[0] = {"_id":"1","header":"Заголовок 1","text":"Текст 1"}

?

12
  • news[1] и news[0] - порядок именно такой нужен или без разницы?
    – Kvilios
    7 фев 2019 в 8:28
  • без разницы. попробовал этот код выдает ошибку и ругается на reverse (react-dom.development.js:287 Uncaught TypeError: Cannot read property 'reverse' of undefined) 7 фев 2019 в 12:55
  • Приложите код как Вы запрашиваете данные 7 фев 2019 в 13:11
  • getnews = () => { const arr1 = fetch(getNewsUrl,) .then(function(response) { response.json().then(function (data) { console.log('data',data) }) }) const arr2 = arr1.news.reverse().map((el) => JSON.stringify(el)); console.log(arr2[0]); console.log(arr2[1]); } 7 фев 2019 в 13:24
  • "Cannot read property 'reverse' of undefined" - значит, что у Вас "arr1.news" не определен. Соответственно ошибка ещё раньше, чем обработка JSON. Используйте пару async/await, чтобы дождаться промиса.
    – Kvilios
    7 фев 2019 в 14:28

2 ответа 2

1

Как-то так:

const json = {
  "news": [{
      "_id": "2",
      "header": "Заголовок 2",
      "text": "Текст 2"
    },
    {
      "_id": "1",
      "header": "Заголовок 1",
      "text": "Текст 1"
    }
  ]
};

const news = json.news.reverse().map((el) => JSON.stringify(el));
// const news = json.news.reverse(); - если нужно оставить JSON

console.log(news[1]);
console.log(news[0]);

2
  • А зачем reverse()? 7 фев 2019 в 13:09
  • Чтоб выводилось ровно так же, как запросил автор вопроса) По сути можно и без него обойтись
    – Kvilios
    7 фев 2019 в 14:17
1

Метод fetch возвращает Promise с объектом Response, у которого есть асинхронный метод .json()

getNews = async () => {
  const newsData = await fetch("/news").then(result => result.json());
  newsData.forEach(el => console.log(el))
};

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.