我们编码的格式是使用驼峰式还是下划线格式,这个争论由来已久,这不,我负责的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实现的几乎没有,所以就直接造轮子了,代码很简单,就是递归而已,但是调试花了我很长时间,? 就酱!