javascript - 如何从已解析的 Promise javascript 中提取数据？

Question

我正在尝试从 NewsAPI 中提取数据 - 我得到的 API 的结果是一个已解决的 promise ，但我不知道如何访问其中的对象。

///////////////////SAMPLE CODE

let raps;

var url = 'https://newsapi.org/v2/top-headlines?' +
          'category=sports&' +
          'q=raptors&' +
          'apiKey=xxxxxxxxxxxxxxxxxxxxxxxxxx';
var req = new Request(url);
fetch(req)
    .then(function(response) {
        raps = response.json();
        return raps;
    });


 function data () {
     if(raps == undefined) {
         console.log("Data is being parsed")
     } else {
         console.log(raps);
         clearInterval(loadData);
         generateData(raps);
     }
 }

 const loadData = setInterval(data, 1000);

 function generateData(raps) {
     let newData = raps.articles;
     console.log(newData);
 }

/////////////////END OF SAMPLE CODE

What I'm getting back is:


Promise {<resolved>: {…}}
__proto__: Promise
[[PromiseStatus]]: "resolved"
[[PromiseValue]]: Object
articles: (20) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
status: "ok"
totalResults: 26

我正在尝试访问文章数组。

Answer 1

这应该有效...

let raps;

var url = 'https://newsapi.org/v2/top-headlines?' +
      'category=sports&' +
      'q=raptors&' +
      'apiKey=xxxxxxxxxxxxxxxxxxxxxxxxxx';
var req = new Request(url);
fetch(req)
 .then(response => response.json())
 .then((data) => {
   raps = data;
 });


function data () {
   if(raps == undefined) {
      console.log("Data is being parsed")
   } else {
      console.log(raps);
      clearInterval(loadData);
      generateData(raps);
   }
}

const loadData = setInterval(data, 1000);

function generateData(raps) {
  let newData = raps.articles;
  console.log(newData);
}