驼峰格式转换

最新推荐文章于 2025-02-09 11:16:40 发布

原创最新推荐文章于 2025-02-09 11:16:40 发布 · 1.4k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#驼峰转换

收录于

javaScript 专栏收录该内容

35 篇文章

订阅专栏

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

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