写一个方法把下划线命名转成大驼峰命名（js）

来源博客：【Harryの心阁】

第四天

• 题目来源：前端每日知识3+1

Javascript题目

题目：写一个方法把下划线命名转成大驼峰命名（js）

问题解答

解题思路

• 写一个方法把下划线命名转成大驼峰命名

正则

// 大驼峰命名
function tuoF(str) {
    // let reg = /(?:[_])([a-z])/g  // 去除原子组?:
    // return str.replace(reg, (p0, p1) => p1.toUpperCase());  //排除
    let reg = /(?<=[\_])([a-z])/g
    return str.replace(reg, (p0, p1) => p1.toUpperCase()).replace(/\_/g,'');  //排除
}
console.log(tuoF('a_da_cds'));

循环方法

// 大驼峰命名
function tuoF(str) {
    let result = [];
    [...str].forEach(function (e, i, a) {
        if (e === '_') { a[i + 1] = a[i + 1].toUpperCase(); }
        result.push(a[i])
    });
    return result.join('').replace(/\_*/g, '');
}
console.log(tuoF('hello_world')); // helloWorld

reduce方法

function tuoF(str) {
    if (str.split('_').length == 1) return;
    str.split('_').reduce((a, b) => {
        return a + b.substr(0, 1).toUpperCase() + b.substr(1) //reduce方法累加函数
    })
}
//缩短形式
function tuoF(str) {
    if (str.split('_').length == 1) return;
    return str.split('_').reduce((a, b) => a + b.substr(0, 1).toUpperCase() + b.substr(1))
}
console.log(tuoF('hello_world_')); // helloWorld

扩展

1. toUpperCase的意思是将所有的英文字符转换为大写字母
2. toLowerCase的意思是将所有的英文字符转换为小写字母
3. reduce对数组中的每个元素执行一个由我们提供的reduce函数(升序执行),将其结果汇总为单个返回值
4. [...str] 使用的是es6中的解构方法 将字符串转换成数组

公众号：今日在学