JS实现字符串转驼峰格式的方法

JS实现字符串转驼峰格式的方法，可以通过使用正则表达式和replace方法来实现。下面是一个完整的攻略：

使用正则表达式和replace方法实现

步骤如下：

1. 通过正则表达式匹配所有需要转换为驼峰格式的字符串。

   javascript
/[-_]\w/g

   • [-_]表示要匹配的分隔符可以是 - 或 _ ，方括号[]表示单字符匹配
   • \w表示匹配任何字母数字字符，等价于 [A-Za-z0-9_]
   • /g表示全局匹配，不止匹配一个。

2. 通过匹配到的结果进行replace操作，并将匹配到的字符转换为大写字母。

   javascript
.replace(/[-_]\w/g, function (match) {
return match.charAt(1).toUpperCase();
});

   具体分析：
   - match是匹配到的子串。其实这里不仅仅是匹配到的子串，而是字符串里所有符合匹配规则的字符串，使用 replace 的时候，不会把他全部替换掉（除非要替换的内容一直相同），而是替换掉一个，再次执行 replace，直到全部文本中匹配后的字符都被替换掉为止。
   - charAt(1).toUpperCase()意味着我们忽略掉分隔符本身，然后将匹配到的子串中的第一个字符转换成大写字母，从而达到将字符串转换成驼峰命名的效果。

3. 最终将字符串第一个字符转换为小写字母。

   javascript
.replace(/[-_]\w/g, function (match) {
return match.charAt(1).toUpperCase();
})
.replace(/^\w/, function (match) {
return match.toLowerCase();
});

   具体分析：
   - ^\w匹配第一个字母。其中 ^ 表示匹配开始位置。
   - toLowerCase() 表示转换成小写。

示例

以下是两个使用JS字符串转驼峰格式的示例：

let name = "user_name";                     
let camelName = name
      .replace(/[-_]\w/g, function (match) {
          return match.charAt(1).toUpperCase();
      })
      .replace(/^\w/, function (match) {
          return match.toLowerCase();
      });
console.log(camelName);    //输出：userName

let age = "user-age";                   
let camelAge = age
      .replace(/[-_]\w/g, function (match) {
          return match.charAt(1).toUpperCase();
      })
      .replace(/^\w/, function (match) {
          return match.toLowerCase();
      });
console.log(camelAge);    //输出：userAge

上述示例题用 replace() 方法将字符串中的 - 和 _ 分隔符替换为大写字母，达到了驼峰格式的效果，并将第一个字符转换成小写字母。