命名: 短横线式-->驼峰式

104 阅读1分钟

下方为固定值测试,上方封装成组件

<!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>Document</title>
  </head>
  <body>
    <script>
      // 2.封装成函数
      let str = prompt("输入文字/格式a-b-c");

      let changeName = (str) => {
        //接收切割的数组,分割字符串为数组
        let arr = str.split("-");
        //改变字符串
        let strChange = "";
        for (let index = 1; index < arr.length; index++) {
          //  拿到单词大写字母
          let i = arr[index][0].toUpperCase();
          //拿到驼峰的单词(除第一个)
          let j = arr[index];

          // 替换驼峰单词首字母
          j = j.replace(j[0], i);

          // 拼接字符串
          strChange = strChange + j;
        }

        strChange = arr[0] + strChange;
        console.log(strChange);
      };

      changeName(str);

      //1.固定值测试
      //   //原字符串
      //   let str = "get-elements-by-name";

      //   //接收切割的数组,分割字符串为数组
      //   let arr = str.split("-");
      //   //改变字符串
      //   let strChange = "";
      //   for (let index = 1; index < arr.length; index++) {
      //     //  拿到单词大写字母
      //     let i = arr[index][0].toUpperCase()
      //     //拿到驼峰的单词(除第一个)
      //     let j=arr[index]

      //     // 替换驼峰单词首字母
      //     j = j.replace(j[0],i)

      //     // 拼接字符串
      //     strChange =strChange+j
      //   }

      //   strChange =arr[0]+strChange
      //   console.log(strChange);
    </script>
  </body>
</html>