驼峰格式转换

最新推荐文章于 2024-04-19 23:33:40 发布

song_zhiyin

最新推荐文章于 2024-04-19 23:33:40 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： javaScript 文章标签：驼峰转换

本文链接：https://blog.csdn.net/cdegjj/article/details/60470590

javaScript 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了一种使用JavaScript将短横线分隔的字符串转换为驼峰命名法的方法。提供了两种实现方式：一种通过字符串分割再重组，另一种利用正则表达式进行替换。这两种方法都能有效地将如'border-bottom-color'这样的字符串转换为更符合编程规范的'borderBottomColor'。

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

var str = 'border-bottom-color';

function toHump(str) {
   var arr = str.split('-');
   for (var i = 1; i < arr.length; i++) {
       arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].substr(1);
   }
   return arr.join('');
}
alert(toHump(str))

正则版

function toHump(str) {
     var re = /-(\w)/g;
     return str.replace(re,function($0,$1) { //$0 正则，$1匹配到的内容
         return $1.toUpperCase();
     });
 }
 alert(toHump(str))