怪味曹小豆

导航

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

  • 实现思路： 
    • 用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>
  • 实现效果：

 

posted on 2019-07-17 15:19  怪味曹小豆  阅读(2652)  评论(0)  编辑  收藏  举报