思路
将字符串按''
(空)分割成数组,判断数组第一个元素是不是'-'
,是则去除掉,然后循环遍历数组,如果元素是'-'
则去除,'-'
后面的元素就顶替了'-'
的位置,将原来'-'
这个位置上的元素即('-'
下一个元素)转换为大写,最后再将数组合成字符串。(因为我不会正则)
// css 中经常有类似 background-image 这种通过 - 连接的字符,通过 javascript 设置样式的时候需要将这种样式转换成 backgroundImage 驼峰格式,请完成此转换功能
// 1. 以 - 为分隔符,将第二个起的非空单词首字母转为大写
// 2. -webkit-border-image 转换后的结果为 webkitBorderImage
function cssStyle2DomStyle (sName) {
let tempArray = sName.split('')
if (tempArray[0] === '-') tempArray.splice(0, 1)
for (let i = 0; i < tempArray.length; i++) {
if (tempArray[i] === '-') {
tempArray.splice(i, 1)
tempArray[i] = tempArray[i].toLocaleUpperCase()
}
}
let result = tempArray.join('')
console.log(result)
return result
}
cssStyle2DomStyle('-webkit-border-image')
cssStyle2DomStyle('font-size')