Javascript 字符串转成驼峰

例如:border-buttom-color -> borderButtomColor

1.js字符串处理函数

1
2
3
4
5
6
7
function test(str){
var arr = str.split('-');
for (var i=1; i<arr.length; i++) {
arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].substring(1);
};
return arr.join('');
}

2.正则表达式

1
2
3
4
5
6
7
function test(str){
// g 是全局匹配,默认是只匹配到一次就结束
var re = /-(\w)/g;
return str.replace(re, function($0, $1){
return $1.toUpperCase();
});
}

replace函数的第二个参数可以获得正则匹配的子项(子项是正则表达式中带括号的)。比如:\w 就是第一个子项,$0 代表正则的整体,$1 代表第一个子项。

欢迎关注我的其它发布渠道