请写一个字符串转成驼峰的方法

作者: duJing | 来源:发表于2017-01-04 15:19 被阅读74次

<!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>