字符串驼峰命名转换———以Java和JavaScript写法为例流程思路Java写法JavaScript写法小结

59 阅读 0 评论 39 点赞

我是靠谱客的博主甜美朋友，最近开发中收集的这篇文章主要介绍字符串驼峰命名转换———以Java和JavaScript写法为例流程思路Java写法JavaScript写法小结，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

流程思路

字符串驼峰命名转换

Java写法

import java.util.Arrays;

//转换驼峰字符串例：hello-world   =>   helloWorld
public class Hump {
    public static void main(String[] args) {
        System.out.println(toHupm("hello-world"));
    }

    private static String toHupm(String foo) {

        String[] arr;
        String newData = null;
        //以'-'字符为切割点进行切割
        arr = foo.split("-");
        System.out.println(Arrays.toString(arr));
        for (int i = 0; i < arr.length; i++) {
        //首个切割片段首字母小写 + 首个切割片段剩余其他字符
            if (i == 0) {
                arr[i] = String.valueOf(arr[i].charAt(0)).toLowerCase() + arr[i].substring(1);
                newData = arr[i];
            } 
            //非首个切割片段首字母大写 + 切割片段剩余其他字符
            else {
                arr[i] = String.valueOf(arr[i].charAt(0)).toUpperCase() + arr[i].substring(1);
                newData = newData + arr[i];
            }
        }
        return newData;
    }
}

Java写法验证结果

JavaScript写法

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>hump</title>
</head>

<body>
    <script type="text/javascript">
        //转换驼峰字符串例：hello-world   =>   helloWorld
        function toHump(foo) {
        //以'-'字符为切割点进行切割
            var arr = foo.split('-');

            for (var i = 0; i < arr.length; i++) {
            //首个切割片段首字母小写 + 首个切割片段剩余其他字符
                if (i == 0) {
                    arr[i] = arr[i].charAt(0).toLowerCase() + arr[i].substr(1, arr[i].length - 1);               
                }
                else {
            //非首个切割片段首字母大写 + 切割片段剩余其他字符
                    arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].substr(1, arr[i].length - 1);
                }
            }

            return arr.join('');
        }
        console.log(toHump('hello-world'));

    </script>

</body>

</html>