在Javascript中将字符串转换为Pascal Case(又名UpperCamelCase)

Question

我想知道如何将字符串转换为javascript中的pascal case字符串(最常见的是regex).

转换示例:

• 双桶=双桶
• DOUBLE-BARREL = Double-Barrel
• DoUbLE-BaRRel = Double-Barrel
• 双桶=双桶

有关Pascal Case的更多信息,请查看此链接

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的情况,因为你有单词障碍(helloworldvs hello-world).没有它们,即使使用字典,问题也几乎无法解决.这通常被称为标题案例,但它不处理像"FBI","the"或"McDonalds"这样的词.

Answer 2

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

例如

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

Answer 3

这是我的建议：

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');
  });
});