将snake_case 更改为PascalCase 的Javascript 方法

Question

我正在寻找一种 JS 方法，它可以将snake_case转换为PascalCase同时保持斜线完整。

// examples:
post -> Post
admin_post -> AdminPost
admin_post/new -> AdminPost/New
admin_post/delete_post -> AdminPost/DeletePost

等。

我有一些东西可以将snake_case变成camelCase并保留斜线，但是我无法将其转换为PascalCase

这是我到目前为止所得到的：

_snakeToPascal(string){
    return string.replace(/(_\w)/g, (m) => {
      return m[1].toUpperCase();
    });
  }

任何建议表示赞赏！

编辑 - 找到解决方案

这是我最终使用的。 如果您使用它，请注意我使用的是this._upperFirst因为我在课堂上使用它。 它有点油腻，但它有效。

  _snakeToPascal(string){
    return string.split('_').map((str) => {
      return this._upperFirst(
        str.split('/')
        .map(this._upperFirst)
        .join('/'));
    }).join('');
  }

  _upperFirst(string) {
    return string.slice(0, 1).toUpperCase() + string.slice(1, string.length);
  }

Answer 1

这是一个保留斜杠并将snake_case 转换为PascalCase 的解决方案。

const snakeToPascal = (string) => {
  return string.split("/")
    .map(snake => snake.split("_")
      .map(substr => substr.charAt(0)
        .toUpperCase() +
        substr.slice(1))
      .join(""))
    .join("/");
};

它首先在'/'字符处拆分输入以生成需要转换的 snake_case 字符串数组。 然后它在'_'字符处拆分这些字符串以生成子字符串数组。 然后将此数组中的每个子字符串大写，然后重新加入单个 PascalCase 字符串。 然后 PascalCase 字符串由分隔它们的'/'字符重新连接。

Answer 2

PascalCase 类似于camelCase。 只是第一个字符的区别。

 const snakeToCamel = str => str.replace( /([-_]\\w)/g, g => g[ 1 ].toUpperCase() ); const snakeToPascal = str => { let camelCase = snakeToCamel( str ); let pascalCase = camelCase[ 0 ].toUpperCase() + camelCase.substr( 1 ); return pascalCase; } console.log( snakeToPascal( "i_call_shop_session" ) );

输入：i_call_shop_session

输出：ICallShopSession

Answer 3

这应该可以解决问题。

function _snake2Pascal( str ){
    str +='';
    str = str.split('_');
    for(var i=0;i<str.length;i++){ 
        str[i] = str[i].slice(0,1).toUpperCase() + str[i].slice(1,str[i].length);
    }
    return str.join('');
}

编辑：

通过 OP 中显示的所有测试用例的版本：

function snake2Pascal( str ){
    str +='';
    str = str.split('_');

    function upper( str ){
        return str.slice(0,1).toUpperCase() + str.slice(1,str.length);
    }


    for(var i=0;i<str.length;i++){
        var str2 = str[i].split('/');
        for(var j=0;j<str2.length;j++){
            str2[j] = upper(str2[j]);
        }
        str[i] = str2.join('');
    }
    return str.join('');
}

Answer 4

或类似的东西：

 function snake2CamelCase(string) { return string .replace( /_(\\w)/g, ($, $1) => $1.toUpperCase() ) ; } function snake2PascalCase(string) { let s = snake2CamelCase(string); return `${s.charAt(0).toUpperCase()}${s.substr(1)}`; } [ 'something_went_wrong', 'thisIs_my_snakecase' ] .map(s => ({[s]: snake2PascalCase(s)})) .forEach((s, i) => console.log(i, s)) ;

Answer 5

const toString = (snake_case_str) => {
    const newStr = snake_case_str.replace(/([-_][a-z])/gi, ($1) => {
        return $1.toUpperCase().replace('-', ' ').replace('_', ' ');
    });
    let changedStr =
        newStr.slice(0, 1).toUpperCase() + newStr.slice(1, newStr.length);
    return changedStr;
};
let str = 'first_name';
console.log(toString(str));