写一个将字符串转成驼峰命名的方法

  • 实现思路:
    • 用split方法将字符串拆分成数组
    • 遍历数组,获取数组中的每一个元素(从第二个元素开始)的首字母,并用toUpperCase方法转换为大写。每一个元素再拼接上剩余的字母
    • 用join方法,将数组中的元素放入一个字符串
  • 代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字符串转驼峰形式</title>
</head>
<body>
    <script>
        var str="border-bottom-color";
        function stringToCamel(str){
          // 用split方法将字符串拆分成数组
          let temp = str.split("-");
          // console.log(temp);["border", "bottom", "color"]
          // 获取数组中的每一个元素(从第二个元素开始)的首字母,并转换为大写。每一个元素再拼接上剩余的字母
          for (let i = 1; i < temp.length; i++) {
            temp[i] = temp[i][0].toUpperCase() + temp[i].slice(1);
          }
          // console.log(temp);  ["border" "Bottom" "Color"]
          // 用join方法,将数组中的元素放入一个字符串
          return temp.join("");
        }
        document.write(stringToCamel(str));
    </script>
</body>
</html>
  • 实现效果:

致力于前端技术学习与分享,会及时更新博客。
原文地址:https://www.cnblogs.com/caoxueying2018/p/11201221.html