使用两个中间 $.getJSON 调用将字符串数组转换为对象数组

Posted 2023-03-07

【中文标题】使用两个中间 $.getJSON 调用将字符串数组转换为对象数组

【英文标题】：Transform an array of strings to an array of objects with two intermediary $.getJSON calls

【发布时间】：2016-07-26 08:16:40

【问题描述】：

输入：用户名字符串数组

需要的输出：对应于输入中每个用户名的 javascript 对象数组。这些 JS 对象的属性将由每个用户名的两个 API 调用构建（我正在使用 $.getJSON 调用。欢迎提出建议）。

我有一组 Twitch API 的用户名：

let users = ["OgamingSC2", "storbeck", "comster404"] // actual list is longer

我想使用Array.prototype.map() 高阶函数来创建一个对象数组，例如

let userObjects = [ ..., ..., ..., ... ]

每个对象的样子：

 username: 'storbeck'   // <-- Added by me
 stream: null,          // <-- Added by first API call
 _links:               // <-- Added by first API call
     self:'https://api.twitch.tv/kraken/streams/storbeck',
     channel:'https://api.twitch.tv/kraken/channels/storbeck'
 
 logo: 'http:// ... png' // <-- Added by second API call

这是两个返回 $.getJSON Promises 的 API 调用函数：

let getStreamInfo = (username) => 
  return $.getJSON('https://api.twitch.tv/kraken/streams/'+username+'?callback=?')
    .then((x) => x) // should I include this then? 


let getUserInfo = (twitchObject) => 
  return $.getJSON('https://api.twitch.tv/kraken/users/'+ twitchObject.user )

到目前为止，我的代码中没有产生预期对象的内容是：

let userObjects = users.map((user)=>
  return getStreamInfo(user)
    .done((data) => 
      let result = 
        username: user,
        data: data
      
      console.log(JSON.stringify(result)) // prints out the intended object so far
      return result
  )
)

现在当我打印出userObjects 的内容时，我得到：

""
""
""
// ... and so on

更进一步，我想链接userObjects 并从getUserInfo 函数中获得的任何内容向每个JS 对象添加更多内容。

我想了解如何使用函数式 Javascript 来实现这一点，但这不是必需的。

【问题讨论】：

您正在从您的 users.map((user)) 调用返回一个 promise，而不是作为（稍后）相应 ajax 调用结果的对象。首先从数组到对象执行标准/基本map，然后 foreach 将它们转换为 promises/ajax 调用以填充对象。

【参考方案1】：

您的方法是正确的，您只需要对您的函数进行少量编辑。

let getStreamInfo = (username) => 
  return $.getJSON('https://api.twitch.tv/kraken/streams/'+username+'?callback=?');


let getUserInfo = (user) => 
  return $.getJSON('https://api.twitch.tv/kraken/users/'+ user);


let userObjects = [];

核心功能需要 Promise 同步：

users.map((user)=>

  Promise.all(getStreamInfo(user), getUserInfo(user)).then((data)=>
    let obj = 
      username: user,
      stream: data[0].stream,
      _links: data[0]._links,
      logo: data[1].logo
    
    userObjects.push(obj);
  );
);