【问题标题】:Javascript convert PascalCase to underscore_case/snake_caseJavascript 将 PascalCase 转换为 underscore_case/snake_case
【发布时间】:2015-08-11 19:50:50
【问题描述】:

如何将PascalCase 字符串转换为underscore_case/snake_case 字符串?我还需要将点转换为下划线。

例如。转换

TypeOfData.AlphaBeta

进入

type_of_data_alpha_beta

【问题讨论】:

标签: javascript string case-conversion


【解决方案1】:

您可以尝试以下步骤。

  • 捕获所有大写字母并匹配前面的可选点字符。

  • 然后将捕获的大写字母转换为小写字母,然后返回以替换函数,将_ 作为前导字符。这将通过在替换部分中使用匿名函数来实现。

  • 这会将开头的大写字母替换为_ + 小写字母。

  • 最后删除起始下划线将为您提供所需的输出。

    var s = 'TypeOfData.AlphaBeta';
    console.log(s.replace(/(?:^|\.?)([A-Z])/g, function (x,y){return "_" + y.toLowerCase()}).replace(/^_/, ""));
    

var s = 'TypeOfData.AlphaBeta';
alert(s.replace(/\.?([A-Z])/g, function (x,y){return "_" + y.toLowerCase()}).replace(/^_/, ""));

当整个单词为大写时,任何阻止它的方法。例如。 MotorRPM 变成 motor_rpm 而不是 motor_r_p_m?还是将BatteryAAA 改成battery_aaa 而不是battery_a_a_a

var s = 'MotorRMP';
alert(s.replace(/\.?([A-Z]+)/g, function (x,y){return "_" + y.toLowerCase()}).replace(/^_/, ""));

【讨论】:

  • 谢谢,当整个单词大写时,任何方法都可以阻止它。例如。 MotorRMP 变成 motor_rpm 而不是 motor_r_p_m?或将BatteryAAA 转换为battery_aaa 而不是battery_a_a_a
  • alert(s.replace(/\.?([A-Z]+)/g, function (x,y){return "_" + y.toLowerCase()}).replace(/^_/, ""));
  • 上述解决方案失败,“attributeGUILabel”应转换为“attribute_gui_label”。
  • 我找到了一个可行的解决方案.. 请参阅下面的答案
  • 我希望没有回调s.replace(/\.?([A-Z]+)/g, '_$1').toLowerCase().replace(/^_/, "")
【解决方案2】:
str.split(/(?=[A-Z])/).join('_').toLowerCase();

不客气

var s1 = 'someTextHere';
var s2 = 'SomeTextHere';

var o1 = s1.split(/(?=[A-Z])/).join('_').toLowerCase();
var o2 = s2.split(/(?=[A-Z])/).join('_').toLowerCase();

console.log(o1);
console.log(o2);

【讨论】:

  • 它不适用于 ' SomeTextHere' 因为前导空格。在split 之前添加trim 解决它。
【解决方案3】:

或者使用lodash:

lodash.snakeCase(str);

例子:

_.snakeCase('TypeOfData.AlphaBeta');
// ➜ 'type_of_data_alpha_beta'

Lodash 是一个很好的库,可以为许多日常 js 任务提供快捷方式。还有许多其他类似的字符串操作函数,例如 camelCasekebabCase 等。

【讨论】:

  • 哇,谢谢你,我用的是我自己的 toSnakeCase、toTitleCase(_.startCase)、toCamelCase。多亏了这一点,我现在改用 lodash,它的效果比我的好得多!我不知道 lodash 有这个!
  • 也谢谢你!我每天都使用 lodash,没想到它可以做到这一点!
【解决方案4】:

此解决方案解决了上述解决方案的非尾随首字母缩略词问题

我将1175208 中的代码从 Python 移植到 JavaScript。

Javascript 代码

function camelToSnakeCase(text) {
    return text.replace(/(.)([A-Z][a-z]+)/, '$1_$2').replace(/([a-z0-9])([A-Z])/, '$1_$2').toLowerCase()
}

工作示例:

camelToSnakeCase('thisISDifficult') -> this_is_difficult

camelToSnakeCase('thisISNT') -> this_isnt

camelToSnakeCase('somethingEasyLikeThis') -> something_easy_like_this

【讨论】:

    【解决方案5】:
    "alphaBetaGama".replace(/([A-Z])/g, "_$1").toLowerCase() // alpha_beta_gamma
    

    问题 - 需要将驼峰式字符串(例如属性名称)转换为下划线样式以满足接口要求或元编程。

    说明 这一行使用了正则表达式的一个特性,它可以返回一个匹配的结果(第一对()是$1,第二对是$2,等等)。

    字符串中的每个匹配项都被转换为前面有一个下划线,并提供_$1 字符串。此时字符串看起来像alpha_Beta_Gamma

    为了更正大写,整个字符串被转换为LowerCase()。

    由于 toLowerCase 是一个相当昂贵的操作,最好不要将它放在每个匹配案例的循环处理程序中,并在整个字符串上运行一次。

    toLowerCase 之后,结果字符串为alpha_beta_gamma(在本例中)

    【讨论】:

      【解决方案6】:

      这会让你走得很远:https://github.com/domchristie/humps

      您可能必须使用正则表达式替换来替换“。”带下划线。

      【讨论】:

        【解决方案7】:

        我找到了this,但我对其进行了编辑以适合您的问题。

        const camelToSnakeCase = str => str.replace(/[A-Z]/g, letter => `_${letter.toLowerCase()}`).replace(/^_/,'')
        

        【讨论】:

          【解决方案8】:

          js 的好例子:

          1. 蛇盒
          2. 烤肉串盒
          3. 骆驼套
          4. 帕斯卡案例

          here

          【讨论】:

            【解决方案9】:
            function toCamelCase(s) {
              // remove all characters that should not be in a variable name
              // as well underscores an numbers from the beginning of the string
              s = s.replace(/([^a-zA-Z0-9_\- ])|^[_0-9]+/g, "").trim().toLowerCase();
            
              // uppercase letters preceeded by a hyphen or a space
              s = s.replace(/([ -]+)([a-zA-Z0-9])/g, function(a,b,c) {
                return c.toUpperCase();
              });
            
              // uppercase letters following numbers
              s = s.replace(/([0-9]+)([a-zA-Z])/g, function(a,b,c) {
                return b + c.toUpperCase();
              });
            
              return s;
            }
            

            试试这个功能,希望对你有帮助。

            【讨论】:

            • 是不是方向不对?需要CamelToUnderscore
            【解决方案10】:
            "TestString".replace(/[A-Z]/g, val => "_" + val.toLowerCase()).replace(/^_/,"")
            

            用下划线和小写替换所有大写,然后删除前导下划线。

            【讨论】:

              【解决方案11】:

              将 PascalCase 转换为 snake_case 的非正则表达式答案

              注意:我知道有很多很好的答案可以优雅地解决这个问题。我最近在做类似的事情,我选择不使用regex。所以我想回答non-regex 解决这个问题。

              const toSnakeCase = (str) => {
                  return str.slice(0,1).toLowerCase() + str.split('').slice(1).map((char) => {
                      if (char == char.toUpperCase()) return '_' + char.toLowerCase();
                      else return char;
                  }).join('');
              }
              

              例如。

              inputString = "ILoveJavascript" passed onto toSnakeCase()
              

              会变成"i_love_javascript"

              【讨论】:

                猜你喜欢
                • 1970-01-01
                • 1970-01-01
                • 1970-01-01
                • 2022-01-19
                • 2022-07-15
                • 2023-03-31
                • 2022-01-25
                • 2019-07-06
                • 2021-03-05
                相关资源
                最近更新 更多