字符串转换为驼峰格式

描述:

css 中经常有类似font-size这种通过 - 连接的字符,通过 javascript 设置样式的时候需要将这种样式转换成fontSize驼峰格式,请完成此转换功能

1.以 - 为分隔符,将第二个起的非空单词首字母转为大写;
2.-who-are-you- 转换后的结果为 whoAreYou
输入:'who-are-you''-who-are-you''-who-are-you-' 
输出:'whoAreYou'

代码如下:

<script>
        // 输入:'font-size' 输出:fontSize


        function cssStyle2DomStyle(sName) {
            let str = "";
            // 通过-分割字符串,获得分割后的数组
            const arr = sName.split("-");

            // 如果数组第一位为空,则将其删除
            if (arr[0] === "") {
                arr.shift();
            }

            // 如果数组最后一位为空,则将其删除
            if (arr[arr.length - 1] == "") {
                arr.pop();
            }

            console.log(arr)

            for (let i = 0; i < arr.length; i++) {
                if (i === 0) {
                    str += arr[i];
                } else {
                    str += arr[i][0].toUpperCase() + arr[i].slice(1);
                }
            }
            return str;
        }

        console.log(cssStyle2DomStyle('-who-are-you-'))
    </script>

在这里插入图片描述

知识点:

  1. split() 方法使用指定的分隔符字符串将一个String对象分割成子字符串数组,以一个指定的分割字串来决定每个拆分的位置。
 const arr = "a-b-c".split("-"); console.log(arr); // [ 'a', 'b', 'c']
 const arr = "-a-b-c-".split("-"); console.log(arr); // [ '','a', 'b', 'c','']
  1. shift() 方法会删除数组的第一个元素并返回删除的这个元素,该方法会改变原数组。
  2. toUpperCase() 方法将字符串转换成大写形式并返回。
  3. slice(a,b) 方法截取字符串,从下标a截取到下标b(包括下标为a的元素不包括下标b的元素),如果不指定a代表从索引 0开始,不指定b则代表截取到最后(包含最后一个元素)。a为负值时则表示从原数组中的倒数第几个元素开始提取。
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吃葡萄不吐葡萄皮嘻嘻

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值