连字符字符串与驼峰字符串的相互转换

连字符转驼峰

第一种方法：使用正则匹配函数

let str = 'str-arr-test';
str = str.replace(/(\w*)-(\w*)/g, function ($1, $2, $3) {
    //console.log($2, $3);
    return $2 + $3[0].toUpperCase() + $3.slice(1);
});
console.log(str);
//打印 strArrTest

第二种方法：使用 js 中 split 和 reduce 方法

let str = 'str-arr-test';
str = str.split('-').reduce((acc, val, idx) => idx === 0 ?
    acc + val : acc + val[0].toLocaleUpperCase() + val.slice(1), '');
console.log(str);
//打印 strArrTest

驼峰转连字符

第一种方法：正则

let str = 'strArrTest';
str = str.replace(/([A-Z])/g, function ($1) {
    return '-' + $1.toLocaleLowerCase();
});
console.log(str);
// 打印 str-arr-test

第二种方法： 使用正则非捕获组来切割数组，然后使用 reduce 遍历所有元素

let str = 'strArrTest';
str = str.split(/(?=[A-Z])/g).reduce((acc, val, idx) => idx === 0 ?
    acc + '-' + val : acc + '-' + val[0].toLocaleLowerCase() + val.slice(1));
console.log(str);
// 打印 str-arr-test