前端学习之编程题系列：（一）将字符串转换为驼峰格式

写在前面

本题目来自牛客网，已经成功通过测试。笔者刚刚开始学习前端，准备在掘金记录下自己的学习过程，欢迎和我一样准备入门前端的小伙伴们一起交流学习，也欢迎各位大佬批评指正~~~

题目描述

css 中经常有类似 background-image 这种通过 - 连接的字符，通过 javascript 设置样式的时候需要将这种样式转换成 backgroundImage 驼峰格式，请完成此转换功能：

1. 以 - 为分隔符，将第二个起的非空单词首字母转为大写
2. -webkit-border-image 转换后的结果为 webkitBorderImage

示例

输入

“font-size”

输出

“fontSize”

题解

function cssStyle2DomStyle(sName) {
    //1. 将字符串切割为数组
    let arr = sName.split("")  
    //2. 删除数组中的“-”，并将“-”后面紧挨的元素转成大写字母
    while(arr.indexOf('-') !== -1){
        const index = arr.indexOf('-')
        arr.splice(index,1)
        arr[index] = arr[index].toUpperCase()    
    }
    //3. 将数组的第一个元素改为小写字母（针对原字符串第一个字符为“-”的情况）
    arr[0] = arr[0].toLowerCase()
    //4. 将数组转为字符串返回
    return arr.join("")
}