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

最新推荐文章于 2024-07-25 21:13:00 发布

疯狂quickly

最新推荐文章于 2024-07-25 21:13:00 发布

阅读量80

点赞数

分类专栏： javaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_51938803/article/details/132017482

版权

javaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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

一、代码

<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
</head>
<body>
      <script>
            function convertToHump(str){
               let newStr = str.split('-')//以-分割为一个数组
               for(let i=1;i<newStr.length;i++){
                  // 通过charAt方法找到第一个元素，然后转为大写，在拼接后面的字符串。
                  newStr[i] = newStr[i].charAt(0).toUpperCase()+newStr[i].slice(1)
               }
               let newArr = newStr.join('')
               return newArr
            }
          let str = "get-element-by-id"
          const newStr = convertToHump(str)
          console.log(newStr);
      </script>
</body>
</html>

二、解题思路

**1.思路：**我们要做的是先把‘-’去掉，然后将第一个’-'后面的所有字符串的第一个字母变为大写，然后拼接起来。
2.具体步骤：

 let newStr = str.split('-')//['get', 'element', 'by', 'id']

2.1.将字符串利用字符串的split()方法，将字符串以’-'的连接的字符串分割为一个数组，然后循环遍历这个数组。

for(let i=1;i<newStr.length;i++){
    newStr[i] = newStr[i].charAt(0).toUpperCase()+newStr[i].slice(1)
   }

2.2.通过charAt方法找到第一个元素，然后转为大写，再利用字符串的slice()方法，截取第一个字母后面的字符串，然后将两者结合起来。

let newArr = newStr.join('')

2.3通过数组的join()方法将数组转为字符串，如果省略参数，默认使用逗号作为分隔符。

三、总结

该题目主要是考察我们对数组和字符串方法的了解程度，所以平时要将这些方法记住。

疯狂quickly

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
已知有字符串 foo=”get-element-by-id” ,写一个 function 将其转化成驼峰表示法”getElementById” 。

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

扫一扫

专栏目录