Code
2023-05-27 09:00:04

用JavaScript将字符串转换为标题情况

是否有一个简单的方法来转换字符串标题大小写?例如，约翰·史密斯变成了约翰·史密斯。我不是在寻找像John Resig的解决方案那样复杂的东西，只是(希望)一些一两行代码。

当前回答

我用正则表达式回答。

更多regex信息:https://regex101.com/r/AgRM3p/1

function toTitleCase(string = '') { const regex = /^[a-z]{0,1}|\s\w/gi; string = string.toLowerCase(); string.match(regex).forEach((char) => { string = string.replace(char, char.toUpperCase()); }); return string; } const input = document.getElementById('fullname'); const button = document.getElementById('button'); const result = document.getElementById('result'); button.addEventListener('click', () => { result.innerText = toTitleCase(input.value); }); <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Test</title> </head> <body> <input type="text" id="fullname"> <button id="button">click me</button> <p id="result">Result here</p> <script src="./index.js"></script> </body> </html>

2021-07-03 13:52:48

其他回答

使用正则表达式的一行程序，获取单词\b[A- za -z]的所有\g开头字符，并应用.toUpperCase()

const textString = "用Javascript将字符串转换为标题大小写。"; const convert = textString。替换(/ \ [a-zA-Z] b / g,(比赛)= > match.toUpperCase ()); console.log(转换)

2020-11-18 12:17:38

只是另一个版本的混合。这也将检查字符串是否。长度为0:

String.prototype.toTitleCase = function() {
    var str = this;
    if(!str.length) {
        return "";
    }
    str = str.split(" ");
    for(var i = 0; i < str.length; i++) {
        str[i] = str[i].charAt(0).toUpperCase() + (str[i].substr(1).length ? str[i].substr(1) : '');
    }
    return (str.length ? str.join(" ") : str);
};
2016-07-28 15:08:41

https://lodash.com/docs/4.17.11#capitalize

使用Lodash库!!更可靠的

_.capitalize('FRED'); => 'Fred'
2019-01-09 07:15:56

你可以立即toLowerCase字符串，然后只是toUpperCase每个单词的第一个字母。变成了非常简单的一行:

函数titleCase(str) { 返回str.toLowerCase()。/\b\w/g, s => s. touppercase ()); ｝ console.log (titleCase(‘钢铁侠’); console.log (titleCase(“绿巨人”);

2016-10-18 15:09:38

我认为最简单的是使用css。

function format_str(str) {
    str = str.toLowerCase();
    return '<span style="text-transform: capitalize">'+ str +'</span>';
}
2017-07-07 05:01:37

推荐文章

aliyun

最新文章

标签

2025 code 京ICP备15047053号-1