之前遇到一道笔试题：将 ‘bottom-background-color‘ 改为驼峰命名法

Sevenoo-

于 2022-04-21 09:04:32 发布

阅读量260

点赞数 1

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/angela_ice/article/details/123525565

版权

本文介绍了如何使用JavaScript将带有连字符的字符串转换为驼峰式命名。通过split()分割字符串，然后遍历数组，将每个单词首字母转为大写，并用join()重新组合成新的字符串。示例中展示了将'bottom-background-color'转换为'BottomBackgroundColor'的方法，以及如何仅将第一个单词首字母大写得到'Bottombackgroundcolor'。这对于理解字符串操作和编程中的命名规范很有帮助。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let str = 'bottom-background-color'

要求：将上述str变成'BottomBackgroundColor'

要求不难，但是之前对于split和join一老搞混。记录一下

方法：

changeStr(str){

let arr = str.split('-') //split 将字符串变成数组

arr.forEach((item,index)=>{

arr[index] = item.replace(item[0],item[0].toUpperCase())

})

return arr.join('') //BottomBackgroundColor // join 将数组变成字符串

},

如果有新的需求：比如说将str改为Bottombackgroundcolor则:

方法：changeStr(str){

let arr = str.split('-')

arr.forEach(item=>{

                if(index == 0){

                        arr[index] = item.replace(item[0],item[0].toUpperCase())
        }

           })

        return arr.join('') //返回 Bottombackgroundcolor

}