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

最新推荐文章于 2023-01-22 12:23:31 发布

yezi153

最新推荐文章于 2023-01-22 12:23:31 发布

阅读量439

点赞数

文章标签： vscode react 前端

本文链接：https://blog.csdn.net/yezi153/article/details/121458220

版权

本文介绍了如何将字符串如'get-element-by-id'转换为驼峰式表示法，利用split()、charAt()和substr()等字符串方法进行操作，详细阐述了这些方法的使用和在前端开发中的应用。

摘要由CSDN通过智能技术生成

spilt("分隔符")可以把字符串转为数组，以字符串形式展示的数组

charAt(参数) 取出字符串参数代表下标默认从0开始

substr截取字符串第一个参数是截取开始的位置，不包括这个值，第二个参数是截取停止的位置，包括这个值类似（start,end]左开右闭的区间表示

 <script>
        var str='get-element-by-id'
        function toById(str) {
            // 效果e,b,i首字母大写
            // 1.先截取为数组
            var arr=str.split('-')
            console.log(arr);
            // 遍历每一项 找出首字母 变成大写
            for(var i=1;i<arr.length;i++) {
                // 这里拿到一个我们需要的字符串
                let k=arr[i].charAt(0).toUpperCase()+arr[i].substr(1,arr[i].length-1)
                // console.log(k);
                // 赋值 是因为数组里面的元素要通过aar[i]来访问 
                // 要改变原来数组里的元素
                arr[i]=k
                console.log(arr[i]);
                // 把得到的结果重新组成一个新的数组
                console.log(arr);
            }
            // 最后把数组转成字符串
            const newStr=arr.join('')
            console.log(newStr);
        }
        toById(str)
    </script>