*将字符串转换为驼峰命名的方法*

621 阅读1分钟
<script>
        //将以下字符串的字母转换成驼峰命名法(getElementsByClassName)
        let str = 'GET-elemenTs-bY-cLAss-nAMe'
        function getName(str) {
        
            // 首先将所有的文字转换为小写
            str = str.toLowerCase() 
            // console.log(str);
            // 打印看效果(get-elements-by-class-name)
            
            // 把字符串分割成字符串数组
            let arr = str.split('-')
            // console.log(arr);
            // 打印看看效果((5) ['get', 'elements', 'by', 'class', 'name'])
            
            // 通过arr.map(特性是可修改某个元素)
            let newArr = arr.map(function (v, i) {
                // 分支判断语句
                // 因第一个字母是不需要大写的,条件就是!==0(不等于第一个元素的时候,进行下一步动作)
                if (i !== 0) {
                
                    // v[0].toUpperCase()是将每个分割好的字符串组的第一位字母转换为大写
                    return v[0].toUpperCase() + v.substr(1)
                    // +.substr(1)是将每个分割好的字符串组后面的字母返回,从指定下标(1)开始指定长度的的子字符串
                }
                
                // 因第一个字母不需要大写,当 i!==0 的条件不执行的时候,剩下的字母直接打印出来
                return v
            })
            
            // 将转换好的字符串组拼接起来('')空格不写字符,表示字母连写(getElementsByClassName)
            let res = newArr.join('')
            return res
        }
        
        // 最后打印出结果
        console.log(getName(str));
    </script>
    ```