js函数封装实现---驼峰命名法(字符串实现驼峰命名法)

最新推荐文章于 2024-11-21 19:14:46 发布

？岁月神偷

最新推荐文章于 2024-11-21 19:14:46 发布

阅读量1.1k

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_46116512/article/details/120071675

版权

本文介绍如何使用JavaScript编写一个函数，将字符串转换为驼峰命名形式。通过字符串操作和数组方法，我们可以轻松实现这一功能，使得在编程中处理变量和属性名更加便捷。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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>

        // 这是不封装的
        // let str = "hello-huang--xiao-ying"
        // str = str.split("-") //转为数组

        // for (let i = 1; i < str.length; i++) {
        //     // console.log(str[i])
        //     str[i] = str[i].replace(str[i][0], str[i][0].toUpperCase())

        
        // }
        // str = str.join("")
        // console.log(str)
        // 封装函数实现，驼峰命名法，首字母小写，第二字母开始大写
        //实现驼峰命名法
        function chenStr(str, split) { //形参，形参在函数体里面运行
            str = str.split(split)  //有字符串变成数组，并重新赋值，注意字符串恒定性

            for (let i = 1; i < str.length; i++) {  //遍历数组，i=1,不是零，首字母小写，第二字母开始大写
                // console.log(str[i])  //
                str[i] = str[i].replace(str[i][0], str[i][0].toUpperCase())
                //拿到目标字符串=目标字符串.替换（目标字符串首字母，目标字符串首字母大写）
            }
            str = str.join("") //数组转化为字符串 ，join()默认是逗号
            return str  //函数return , 不返回，默认值是underfined
        }
        let res = chenStr("hello-huang-xiao-ying", "-") //实参
        console.log(res)

    </script>
</body>

</html>