已知有字符串foo=”get-element-by-id”,写一个function将其转化成驼峰表示法”getElementById”。

最新推荐文章于 2024-02-01 10:02:51 发布

原创最新推荐文章于 2024-02-01 10:02:51 发布 · 1.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#js #驼峰

javascript基础专栏收录该内容

32 篇文章

订阅专栏

本文介绍了一种将带有连字符的字符串转换为驼峰表示法的方法，通过JavaScript代码实现，首先使用split方法将字符串分割成数组，然后将除第一个单词外的所有单词首字母大写，最后使用join方法将数组元素连接成一个字符串。

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

已知有字符串foo=”get-element-by-id”,写一个function将其转化成驼峰表示法”getElementById”。

直接上代码：

var foo = "get-element-by-id"
        var arr = foo.split("-");
        console.log(arr); //["get", "element", "by", "id"]
        for (var i = 1; i < arr.length; i++) {
            arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].slice(1);
        }
        console.log(arr) //["get", "Element", "By", "Id"]
        var arr = arr.join("") //getElementById
        console.log(arr);

解释：

var arr = foo.split("-")  split是将字符串分割为字符串数组

for (var i = 1; i < arr.length; i++) {
    arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].slice(1);
}
注意：这里i是从1开始，因为["get", "element", "by", "id"] 中的get的首字母不需要大写
arr[i].charAt(0).toUpperCase() 中charAt()是返回字符串中第几个字符，0代表返回第一个字符

toUpperCase转化为大写，arr[i].charAt(0).toUpperCase() 得到的是 E B I

+ arr[i].slice(1) 的意思是拼接E B I ,因为要拼接E B I，除了第一个get，其他都少了一个字母，所以是split(1)

var arr = arr.join("") ：关键是join方法，将数组放入一个字符串中，默认是以逗号隔开，写了"" 字符串就是一坨