Question

我想知道如何在javascript（＆amp;最常见的正则表达式）中将字符串转换为pascal case字符串。

转换示例：

double-barrel = Double-Barrel
DOUBLE-BARREL = Double-Barrel
DoUbLE-BaRRel = Double-Barrel
双桶=双桶

检查this link以获取有关Pascal案例的更多信息

Answer 1

s = s.replace(/(\w)(\w*)/g,
        function(g0,g1,g2){return g1.toUpperCase() + g2.toLowerCase();});

正则表达式发现单词（此处使用\w定义 - 字母数字和下划线），并将它们分为两组 - 首字母和单词的其余部分。然后它使用函数作为回调来设置正确的大小写。

示例：http://jsbin.com/uvase

或者，这也可以工作 - 少一点正则表达式和更多的字符串操作：

s = s.replace(/\w+/g,
        function(w){return w[0].toUpperCase() + w.slice(1).toLowerCase();});

我应该补充一下这根本不是pascal的情况，因为你有单词障碍（helloworld vs hello-world）。没有它们，即使使用字典，问题也几乎无法解决。这通常被称为标题案例，虽然它不处理像“FBI”，“the”或“McDonalds”这样的词。

Answer 2

这是我的建议：

function toPascalCase(string) {
  return `${string}`
    .replace(new RegExp(/[-_]+/, 'g'), ' ')
    .replace(new RegExp(/[^\w\s]/, 'g'), '')
    .replace(
      new RegExp(/\s+(.)(\w+)/, 'g'),
      ($1, $2, $3) => `${$2.toUpperCase() + $3.toLowerCase()}`
    )
    .replace(new RegExp(/\s/, 'g'), '')
    .replace(new RegExp(/\w/), s => s.toUpperCase());
}

或

String.prototype.toPascalCase = function() {
  return this
    .replace(new RegExp(/[-_]+/, 'g'), ' ')
    .replace(new RegExp(/[^\w\s]/, 'g'), '')
    .replace(
      new RegExp(/\s+(.)(\w+)/, 'g'),
      ($1, $2, $3) => `${$2.toUpperCase() + $3.toLowerCase()}`
    )
    .replace(new RegExp(/\s/, 'g'), '')
    .replace(new RegExp(/\w/), s => s.toUpperCase());
};

测试案例：

describe('String to pascal case', function() {
  it('should return a pascal cased string', function() {
    chai.assert.equal(toPascalCase('foo bar'), 'FooBar');
    chai.assert.equal(toPascalCase('Foo Bar'), 'FooBar');
    chai.assert.equal(toPascalCase('fooBar'), 'FooBar');
    chai.assert.equal(toPascalCase('FooBar'), 'FooBar');
    chai.assert.equal(toPascalCase('--foo-bar--'), 'FooBar');
    chai.assert.equal(toPascalCase('__FOO_BAR__'), 'FooBar');
    chai.assert.equal(toPascalCase('!--foo-¿?-bar--121-**%'), 'FooBar121');
  });
});

Answer 3

如果破折号，空格和其他是字符串分隔符，则可以使用lodash。

例如

_.upperFirst(_.camelCase('double-barrel')); // => DoubleBarrel

在Javascript中将字符串转换为Pascal Case（又名UpperCamelCase）

3 个答案: