如何将字符串人性化?基于以下标准:
- 删除前导下划线(如果有)。
- 用空格替换下划线(如果有)。
- 将第一个词大写。
例如:
this is a test -> This is a test
foo Bar Baz -> Foo bar baz
foo_bar -> Foo bar
foo_bar_baz -> Foo bar baz
foo-bar -> Foo-bar
fooBarBaz -> FooBarBaz
答案 0 :(得分:8)
最好使用一些正则表达式:
^[\s_]+|[\s_]+$
在字符串的最开头(^
)或最后($
)捕获一个或多个空格字符或下划线。 注意,这也会捕获换行符。用空字符串替换它们。
[_\s]+
再次捕获一个或多个空格字符或下划线,因为字符串开头/结尾处的字符串已消失,替换为1个空格。
^[a-z]
在字符串的开头抓一个小写字母。替换为匹配的大写版本(您需要回调函数)。
组合:
function humanize(str) {
return str
.replace(/^[\s_]+|[\s_]+$/g, '')
.replace(/[_\s]+/g, ' ')
.replace(/^[a-z]/, function(m) { return m.toUpperCase(); });
}
document.getElementById('out').value = [
' this is a test',
'foo Bar Baz',
'foo_bar',
'foo-bar',
'fooBarBaz',
'_fooBarBaz____',
'_alpha',
'hello_ _world, how are________you? '
].map(humanize).join('\n');
textarea { width:100%; }
<textarea id="out" rows="10"></textarea>
答案 1 :(得分:5)
这涵盖了所有情况:
var tests = [
'this is a test',
'foo Bar Baz',
...
]
var res = tests.map(function(test) {
return test
.replace(/_/g, ' ')
.trim()
.replace(/\b[A-Z][a-z]+\b/g, function(word) {
return word.toLowerCase()
})
.replace(/^[a-z]/g, function(first) {
return first.toUpperCase()
})
})
console.log(res)
/*
[ 'This is a test',
'Foo bar baz',
'Foo bar',
'Foo-bar',
'FooBarBaz' ]
*/
答案 2 :(得分:1)
虽然我认为正则表达式专家能够在单行中做这样的事情,但我个人会这样做。
function humanize(str) {
return str.trim().split(/\s+/).map(function(str) {
return str.replace(/_/g, ' ').replace(/\s+/, ' ').trim();
}).join(' ').toLowerCase().replace(/^./, function(m) {
return m.toUpperCase();
});
}
<强>测试强>:
[
' this is a test',
'foo Bar Baz',
'foo_bar',
'foo-bar',
'fooBarBaz',
'_fooBarBaz____',
'_alpha',
'hello_ _world, how are________you? '
].map(humanize);
/* Result:
[
"This is a test",
"Foo bar baz",
"Foo bar",
"Foo-bar",
"Foobarbaz",
"Foobarbaz",
"Alpha",
"Hello world, how are you?"
]
*/
答案 3 :(得分:1)
我更喜欢使用string.js,其中包含各种操作字符串的方法,包括humanize()
。
答案 4 :(得分:0)
Lodash有_.startCase
这对人性化对象键很有用。将下划线破折号和骆驼箱转换为空格。
在你的情况下,你想要大写但保持骆驼案。刚才提出这个问题。我目前的偏好是创建一个处理突变的类。它更容易测试和保持。因此,如果将来您需要支持“1Item”等转换为“第一项”,您可以编写一个单一职责的函数。
以下计算成本更高但更易于维护。有一个明确的函数toHumanString
可以很容易理解和修改。
export class HumanizableString extends String {
capitalizeFirstLetter() => {
const transformed = this.charAt(0).toUpperCase() + this.slice(1);
return new HumanizableString(transformed);
};
lowerCaseExceptFirst() => {
const transformed = this.charAt(0) + this.slice(1).toLowerCase();
return new HumanizableString(transformed);
};
camelCaseToSpaces() => {
const camelMatch = /([A-Z])/g;
return new HumanizableString(this.replace(camelMatch, " $1"));
};
underscoresToSpaces() => {
const camelMatch = /_/g;
return new HumanizableString(this.replace(camelMatch, " "));
};
toHumanString() => {
return this.camelCaseToSpaces()
.underscoresToSpaces()
.capitalizeFirstLetter()
.lowerCaseExceptFirst()
.toString();
};
}
至少应该为正则表达式命名,以使它们更具可读性。
export const humanise = (value) => {
const camelMatch = /([A-Z])/g;
const underscoreMatch = /_/g;
const camelCaseToSpaces = value.replace(camelMatch, " $1");
const underscoresToSpaces = camelCaseToSpaces.replace(underscoreMatch, " ");
const caseCorrected =
underscoresToSpaces.charAt(0).toUpperCase() +
underscoresToSpaces.slice(1).toLowerCase();
return caseCorrected;
};
答案 5 :(得分:0)
另一种选择:
const humanize = (s) => {
if (typeof s !== 'string') return s
return s
.replace(/^[\s_]+|[\s_]+$/g, '')
.replace(/[_\s]+/g, ' ')
.replace(/\-/g, ' ')
.replace(/^[a-z]/, function(m) { return m.toUpperCase(); });
}