JavaScript JSON的key 下划线格式与驼峰格式互相转换

我们编码的格式是使用驼峰式还是下划线格式,这个争论由来已久,这不,我负责的vue.js前端刚刚做好,发现后台接口是使用Python写的,导致接口的所有字段都是下划线格式的,而我又希望接口改成驼峰格式,后台开发肯定不干,so,我自己动手,在发送请求的时候,将驼峰改成下划线格式,在获取响应的时候,将下划线格式转换成驼峰格式,下面是代码:

// 字符串的下划线格式转驼峰格式,eg:hello_world => helloWorld
function underline2Hump(s) {
  return s.replace(/_(\w)/g, function(all, letter) {
    return letter.toUpperCase()
  })
}

// 字符串的驼峰格式转下划线格式,eg:helloWorld => hello_world
function hump2Underline(s) {
  return s.replace(/([A-Z])/g, '_$1').toLowerCase()
}

// JSON对象的key值转换为驼峰式
function jsonToHump(obj) {
  if (obj instanceof Array) {
    obj.forEach(function(v, i) {
      jsonToHump(v)
    })
  } else if (obj instanceof Object) {
    Object.keys(obj).forEach(function(key) {
      var newKey = underline2Hump(key)
      if (newKey !== key) {
        obj[newKey] = obj[key]
        delete obj[key]
      }
      jsonToHump(obj[newKey])
    })
  }
}

// JSON对象的key值转换为下划线格式
function jsonToUnderline(obj) {
  if (obj instanceof Array) {
    obj.forEach(function(v, i) {
      jsonToUnderline(v)
    })
  } else if (obj instanceof Object) {
    Object.keys(obj).forEach(function(key) {
      var newKey = hump2Underline(key)
      if (newKey !== key) {
        obj[newKey] = obj[key]
        delete obj[key]
      }
      jsonToUnderline(obj[newKey])
    })
  }
}

代码就不解释了,一看就懂,网上都是关于java转换的相关资料,JavaScript实现的几乎没有,所以就直接造轮子了,代码很简单,就是递归而已,但是调试花了我很长时间,? 就酱!

你可能感兴趣的:(前端)