如何修改原有JSON解析器以适配新的服务端响应结构

核心改动逻辑 #

原响应返回嵌套的names数组，新响应直接以用户名作为根对象的键，对应值存储act和total参数，只需调整遍历逻辑即可，不需要修改后续业务处理代码。

调整后代码（ES6+ 写法） #

names = appData.filter( function(x) { return skipped.indexOf(x) < 0; })
get("https://serv.io/set?" + names.join("|")).then(function(data) {
  // 此处直接使用解析后的根对象，不再取names属性
  const result = JSON.parse(data)
  // 遍历对象的键值对，键即为用户名，值存储对应参数
  for (const [name, stat] of Object.entries(result)) {
    const act = stat.act
    const total = stat.total
    // 此处保留你原有对三个变量的处理逻辑即可
  }
})

兼容ES5的旧写法 #

如果运行环境不支持ES6的Object.entries，可以改用for...in遍历：

names = appData.filter( function(x) { return skipped.indexOf(x) < 0; })
get("https://serv.io/set?" + names.join("|")).then(function(data) {
  var result = JSON.parse(data)
  var name, act, total
  for (name in result) {
    // 加判断避免遍历到原型链上的异常属性
    if (result.hasOwnProperty(name)) {
      act = result[name].act
      total = result[name].total
      // 原有后续处理逻辑不变
    }
  }
})

内容的提问来源于stack exchange，提问作者Алексей Медведев