您的位置：首页 > 其它

将字符串(border-bottom-color)转成驼峰(borderBottomColor)

2016-12-28 13:53 309 查看 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>请写一个字符串转成驼峰的方法</title>
</head>
<body>
<script>
/*
* 问题描述：
* 请写一个字符串转成驼峰的方法？
* border-bottom-color  -> borderBottomColor
* 要求：分别用字符串和正则来操作
* */

var a = 'border-bottom-color';
/*
* 第一种：字符串操作
* */
(function (a) {
// 将字符串通过'-'分解为数组
var arr = a.split('-');
// 遍历数组，从第2个元素开始
for ( var i = 1; i < arr.length; i++ ) {
arr[i] = arr[i].substring(0, 1).toUpperCase() + arr[i].substring(1);
}
console.log(arr.join(''));
})(a);

/*
* 第二种：正则解法
* */
/*(function (a) {
var re = /-(\w)/g;
var res = a.replace(re, function ($0, $1) {
return $1.toUpperCase();
});
alert(res);
})(a);*/

</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  字符串 驼峰法 正则 substring 正则replace
相关文章推荐
新的分享
章节导航