将border-bottom-color用函数转成驼峰命名法

95 阅读 0 评论 63 点赞

我是靠谱客的博主悦耳果汁，最近开发中收集的这篇文章主要介绍将border-bottom-color用函数转成驼峰命名法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

中心思想：
1、利用split（）将字符串装换成数组；
2、利用substr（）或者charAt（）拿到数组的第二个元素的首字符，用uppercase（）转换成大写的；
3、将转换成大写的首字符与剩下的字符拼接成新的字符串；
4、最后与数组的第一个元素拼接成驼峰命名形式；

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    </body>
    <script type="text/javascript">
        var a="border-bottom-color";

        function change(str){
            var b=str.split('-');
            var c='';
            for (var i=1;i<b.length;i++) {
                c+=b[i].substr(0,1).toUpperCase()+b[i].substring(1);
            }
            return b[0]+c;
        }

        console.log(change(a));//输出结果为：borderBottomColor；
    </script>
</html>