字符串转为驼峰式写法

前端小凯

已于 2022-09-29 16:39:05 修改

阅读量911

点赞数 1

文章标签： javascript java 前端

于 2022-09-29 16:38:50 首次发布

本文链接：https://blog.csdn.net/qq_43235503/article/details/127109676

版权

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>字符串驼峰式</title>
  </head>
  <body>
    <script>
      // 创建字符串
      var str = "border-left-color";

      // 字符串使用—进行分割为数组
      var array = str.split("-");

      // 遍历这个数组
      for (var i in array) {
        // 找到数组的每一个元素
        // 截取第一个字符转为大写 字符串拼接 截取第二个开始到结尾的字符转为小写
        array[i] =
          array[i].slice(0, 1).toUpperCase() + array[i].slice(1).toLowerCase();
      }

      // 把数组第一个元素转为小写
      array[0] = array[0].toLowerCase();

      // 数组再转为字符串 就完成了字符串驼峰式写法
      array = array.join("");
      console.log(array);
    </script>
  </body>
</html>