将下划线替换为空格并将单词大写

Question

我正在尝试创建一种方法，将小写字母和下划线的文本转换为没有下划线的文本，并且每个单词的第一个字母都是大写的。

前;

options_page = Options Page

在这个页面上：如何在JavaScript中使所有单词的第一个字符大写？

我找到了这个正则表达式：

key = key.replace(/(?:_| |\b)(\w)/g, function(key, p1) { return p1.toUpperCase()});

除了用空格替换下划线之外，这可以完成所有操作。我没有真正尝试过任何东西，因为我对正则表达式不是很熟悉。

如何调整这个正则表达式，使它用空格替换下划线？

Answer 1

这是两个不同的任务，因此两个不同正则表达式是最佳解决方案：

key = key.replace(/_/g, ' ').replace(/(?: |\b)(\w)/g, function(key) { return key.toUpperCase()});

确保甚至所有大写单词都得到处理。您可以在第一个 .replace 之前添加 .to降低案例（）：

console.log('TESTING_WORD'.toLowerCase().replace(/_/g, ' ')
.replace(/(?: |\b)(\w)/g, function(key, p1) {
    return key.toUpperCase();    
}));

Answer 2

从Lodash 3.1.0开始，就有了< code>_。startCase([string=''])将任何大小写转换为大写单词的方法(开始大小写):

_.startCase('hello_world'); // returns 'Hello World'
_.startCase('hello-world'); // returns 'Hello World'
_.startCase('hello world'); // returns 'Hello World'

Lodash的String部分中还有其他有用的方法。请阅读此处的文档。

Answer 3

这应该可以做到：

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


console.log(humanize('humpdey_dumpdey'));
// > Humpdey Dumpdey