APP开发中免不了与服务器交互,而有些项目为了节省流量等原因,会要求不用全码而用简码(比如用户id不用uid,而用a)来交互。可这样的字段名称不易懂,不利于开发。在原生iOS中我们有第三方的YYModel可以轻松实现全码与简码的转换,但像RN等是使用JS来写的,似乎还没有类似的工具。于是我自己写了一个简易的转换工具。
  老规矩,不Bibi,直接上代码:

/**初始化专用返回对象简->全码映射表*/
const loginResp = {
    'a': 'update',
    'b': 'user',
    'c': 'readInfo'
};

const user = {
    'a': 'uid',
    'b': 'userName'
};

const readInfo = {
    'a': 'time',
    'b': 'readers'
};

const readers = {
    'a': 'readerId',
    'b': 'readerName',
    'c': 'status'
};

/**专用返回对象映射表*/
const respMap = {
    'loginResp': loginResp,
    'user': user,
    'readInfo': readInfo,
    'readers': readers
};

/**
 * 简码转全码
 * 
 * 参数说明:
 *  > resp 专用返回对象名称
 *  > json 返回的json
 * 返回说明:
 *  若字段在映射表中,则转为全码;
 *  若字段不在映射表中,则原样返回;
 *  数据结构与值不变
 */
export function changeToFull(resp, json) {
  if (respMap.hasOwnProperty(resp)) {
    let full = {};
    let keyMap = respMap[resp];

    for(var key in json){
      let fullKey = keyMap.hasOwnProperty(key) ? keyMap[key] : key;
      //在我们的项目中是Object需要转换的比数组要多得多,所以作为if的第一判断
      if (json[key] instanceof Object && !(json[key] instanceof Array)) { 
          //如果是Object则递归调用
        full[fullKey] = changeToFull(fullKey, json[key]);
      } else if (json[key] instanceof Array && json[key].length > 0 && json[key][0] instanceof Object && respMap.hasOwnProperty(fullKey)) {
        let tempArray = json[key];
        let tempFullArray = [];
        for (var i = 0; i < tempArray.length; i++) {
          let tempObj = changeToFull(fullKey, tempArray[i]);
          tempFullArray.push(tempObj);
        };
        full[fullKey] = tempFullArray;
      } else {
        full[fullKey] = json[key];
      };
    }
    return full;
  } else{ //映射表中没有,原样返回
    return json;
  };

}

  这时候,您可能一脸懵逼——最开始那几个奇怪的常量是干嘛的?其实就是一些返回对象的简->全码对应关系,具体如下表: enter image description here
  而respMap则是专用返回对象映射表,我们需要去维护这个映射表,下面的方法changeToFull(resp, json)才能正常使用。
  通常服务器返回的内容,无非就是普通数据类型、对象类型与数组三种,上面方法的三个分支也正是针对这三种类型做处理。为了验证该方法对复杂数据结构同样适用,我们模拟一个多种数据类型相互嵌套的返回对象,具体如下:

  "loginResp": {
    "a": false,
    "b":{
      "a": 9527,
      "b": "大圣遛码",
    },
    "c":[{
      "a": "2017-07-07",
      "b":[{
        "a": 666,
        "b": "reader1",
        "c": 0
      }]
    },{
      "a": "2017-07-08",
      "b":[{
        "a": 666,
        "b": "reader1",
        "c": 1
      },{
        "a": 888,
        "b": "reader2",
        "c": 1 
      }]
    }],
  }

  这样的数据结构够复杂了吧~数组字典各种嵌套,并且是用简码返回,非常不利于开发理解,于是我们把数据丢到我们的方法里,拿到返回对象再来看看:

{
  "update": false,
  "user":{
    "uid": 9527,
    "userName": "大圣遛码",
  },
  "readInfo":[{
    "time": "2017-07-07",
    "readers":[{
      "readerId": 666,
      "readerName": "reader1",
      "status": 0
    }]
  },{
    "time": "2017-07-08",
    "readers":[{
      "readerId": 666,
      "readerName": "reader1",
      "status": 1
    },{
      "readerId": 888,
      "readerName": "reader2",
      "status": 1 
    }]
  }],

}

  这样来看就非常清晰明了了~
  (全码转简码也是类似的,就留给读者朋友们自行发挥啦~)