jQuery 是否有内置方式来“标题大小写”字符串？所以给定像 bob smith 这样的东西，它就变成了“Bob Smith”？
【问题讨论】：
标签： javascript jquery string
你不需要 jQuery。可以使用原生的.replace() 方法来完成：
function toTitleCase(str) {
return str.replace(/(?:^|\s)\w/g, function(match) {
return match.toUpperCase();
});
}
alert(toTitleCase("foo bar baz")); // alerts "Foo Bar Baz"
【讨论】：
^| 正在做什么，因为 ^ 意味着在开头匹配或否定字符集。 | 是一个布尔值或。但是非捕获组(?:^|\s)到底在做什么呢？
【讨论】：
.css('font-size', aSize) 来设置 .style.fontSize = aSize 时，它会这样做，这进一步使得假设 jQuery 公开一个方法是合理的这样做。即使更改显示是提问者想要的，由于browser bugs，它也不太可靠。
在 jQuery 1.4+ 中（至少）你可以使用
var camelized = jQuery.camelCase("some-string");
// Returns "someString"
我上次查看文档时找不到它，但它在那里并在内部使用。
【讨论】：
jQuery.camelCase('bob smith') = 'bob smith' 但问题要求将其变成 Bob Smith。
如果你想与世界上那些 TYPE IN ALL CAPS 的可怕人作斗争，同时还要大写它，你可以在这里使用最佳答案的这个变体：
function toTitleCase(str) {
var lcStr = str.toLowerCase();
return lcStr.replace(/(?:^|\s)\w/g, function(match) {
return match.toUpperCase();
});
}
alert(toTitleCase("FOO BAR baz")); // alerts "Foo Bar Baz"
【讨论】：
没有任何内置的 jQuery 可以做到这一点，但您可以查看这个有基本代码示例的网站：
String.prototype.toCamel = function(){
return this.replace(/(\-[a-z])/g, function($1){return $1.toUpperCase().replace('-','');});
};
看起来你可以像这样调用代码：
var str = "my string to camel case";
str = str.toCamel();
if ( typeof console !== 'undefined' ) console.log(str);
【讨论】：
更简单...
您必须在替换中使用回调。
toCamelCase = function(str){
return str.replace(/-\w/g,function(match){return match[1].toUpperCase()})
}
// this works for css properties with "-"
// -webkit-user-select => WebkitUserSelect
您可以将正则表达式更改为 /[-\s]\w/g 或 /(^|[-\s])\w/g 或其他...
【讨论】：
我知道这个问题有点老了，但是，
这是我的 camelCase 函数版本：
var camelCase = (function () {
var DEFAULT_REGEX = /[-_]+(.)?/g;
function toUpper(match, group1) {
return group1 ? group1.toUpperCase() : '';
}
return function (str, delimiters) {
return str.replace(delimiters ? new RegExp('[' + delimiters + ']+(.)?', 'g') : DEFAULT_REGEX, toUpper);
};
})();
它处理以下所有边缘情况：
这里是实时测试的链接：http://jsfiddle.net/avKzf/2/
以下是测试结果：
请注意，以分隔符开头的字符串将导致开头为大写字母。 如果这不是您所期望的，您始终可以使用 lcfirst。 如果您需要，这是我的 lcfirst：
function lcfirst(str) {
return str && str.charAt(0).toLowerCase() + str.substring(1);
}
【讨论】：
你也可以像这样实现一个纯javascript扩展方法：
String.prototype.capitalize = function () {
return this.toLowerCase().replace(/\b[a-z]/g, function (letter) {
return letter.toUpperCase();
});
};
然后这样称呼它：
"HELLO world".capitalize()
【讨论】：
function camelCase(str){
str = $.camelCase(str.replace(/[_ ]/g, '-')).replace(/-/g, '');
return str;//.substring(0,1).toUpperCase()+str.substring(1);
},
【讨论】：
在 jquery 中使用内置的驼峰法：
$.camelCase($("#text").html());
【讨论】：
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$('.clsToTitleCase').keyup(function () {
this.value = this.value.replace(/(?:^|\s)\w/g, function (match) {
return match.toUpperCase();
})
});
})
</script>
<body>
<input class='clsToTitleCase' type='text'>
</body>
</html>
【讨论】：
你也可以使用这样的方法-
toTitleCase: function (str) {
return str.replace(/\w\S*/g, function (txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); });
}
【讨论】：
我稍微修改了 rBizzle 的代码。我不想搞乱世界上的 McClouds 和 McIntosh（我现在正在听凯尔特音乐！），所以我添加了一个条件，只修改 ALL CAPS 或 ALL 小写：
function isUpperCase(str) {
return str === str.toUpperCase();
}
function isLowerCase(str) {
return str === str.toLowerCase();
}
function toProperCase(str) {
//only mess with it if it is all lower or upper case letters
if (isUpperCase(str) || isLowerCase(str)){
var lcStr = str.toLowerCase();
return lcStr.replace(/(?:^|\s)\w/g, function(match) {
return match.toUpperCase();
});
} else {
return str;
}
}我主要是试图与那些坚持对他们的数据条目大喊大叫的用户抗衡！内部数据是一回事，但是当客户要看到它时，我必须划清界限。
【讨论】：