logo标签列表

使用JavaScript将字符串转换为标题大小写

javascripttitle-case
779

有没有一种简单的方法将字符串转换为标题格式？例如，john smith 变成 John Smith。我不想要像John Resig的解决方案那样复杂的东西，只是（希望）一种一两行代码就能实现的方法。

1
有许多方法，我们有一些性能统计数据吗？ - theAnubhav
1
@theAnubhav 是的，我们现在有一个基准。 - Ulysse BN
2
到了2022年，浏览器仍然没有本地功能来执行此操作。 - Sơn Trần-Nguyễn
1
这种大小写格式完全取决于语言/地点/文化。 - James Moore
我希望解决方案的一个测试用例是“Comhrá i mBÁC le Seán Nguyen” - 祝你好运！基本上，计算机可以执行称为“标题大小写”的操作的想法可能是没有希望的，即使给定了大量的机器学习资源。 - James Moore
69个回答
2

对于那些害怕正则表达式的人（哈哈）：

function titleCase(str)
{
    var words = str.split(" ");
    for ( var i = 0; i < words.length; i++ )
    {
        var j = words[i].charAt(0).toUpperCase();
        words[i] = j + words[i].substr(1);
    }
    return words.join(" ");
}

2
我强烈推荐如果可以的话，只使用一个开放源代码的NPM包，这个包在typescript中表现得非常好：
NPM：https://www.npmjs.com/package/title-case Github：https://github.com/blakeembrey/change-case/tree/master/packages/title-case#readme 运行npm install title-case将包添加到您的项目中。
使用title-case npm包的示例代码：
import { titleCase } from "title-case";

titleCase("string"); //=> "String"
titleCase("follow step-by-step instructions"); //=> "Follow Step-by-Step Instructions"
2
对于第一个单词之后的单词无效：_.capitalize('john smith') => 'John smith'。使用 _.VERSION=4.17.11。 - Flo
更可靠，但更臃肿。 - bb216b3acfd8f72cbc8f899d4d6963
2
修改为 _.startCase('john smith'); => 'John Smith' 将会是正确的。 - Ecker00
@Ecker00，是的，但这个答案在2016年就存在了。 - Michael
1
这是一个紧凑的解决方案，针对这个问题：
function Title_Case(phrase) 
{
  var revised = phrase.charAt(0).toUpperCase();

  for ( var i = 1; i < phrase.length; i++ ) {

    if (phrase.charAt(i - 1) == " ") {
     revised += phrase.charAt(i).toUpperCase(); }
    else {
     revised += phrase.charAt(i).toLowerCase(); }

   }

return revised;
}
1
我的简单易懂版本的问题：
    function titlecase(str){
    var arr=[];  
    var str1=str.split(' ');
    for (var i = 0; i < str1.length; i++) {
    var upper= str1[i].charAt(0).toUpperCase()+ str1[i].substr(1);
    arr.push(upper);
     };
      return arr.join(' ');
    }
    titlecase('my name is suryatapa roy');
1
更简单、更高效的版本，带有简单的缓存。 

  var TITLE_CASE_LOWER_MAP = {
    'a': 1, 'an': 1, 'and': 1, 'as': 1, 'at': 1, 'but': 1, 'by': 1, 'en':1, 'with': 1,
    'for': 1, 'if': 1, 'in': 1, 'of': 1, 'on': 1, 'the': 1, 'to': 1, 'via': 1
  };

  // LEAK/CACHE TODO: evaluate using LRU.
  var TITLE_CASE_CACHE = new Object();

  toTitleCase: function (title) {
    if (!title) return null;

    var result = TITLE_CASE_CACHE[title];
    if (result) {
      return result;
    }

    result = "";
    var split = title.toLowerCase().split(" ");
    for (var i=0; i < split.length; i++) {

      if (i > 0) {
        result += " ";
      }

      var word = split[i];
      if (i == 0 || TITLE_CASE_LOWER_MAP[word] != 1) {
        word = word.substr(0,1).toUpperCase() + word.substr(1);
      }

      result += word;
    }

    TITLE_CASE_CACHE[title] = result;

    return result;
  },

1

虽然有点长，但以下是我最近在学校作业中想出的内容：

var myPoem = 'What is a jQuery but a misunderstood object?'
//What is a jQuery but a misunderstood object? --> What Is A JQuery But A Misunderstood Object?

  //code here
var capitalize = function(str) {
  var strArr = str.split(' ');
  var newArr = [];
  for (var i = 0; i < strArr.length; i++) {
    newArr.push(strArr[i].charAt(0).toUpperCase() + strArr[i].slice(1))
  };
  return newArr.join(' ')  
}

var fixedPoem = capitalize(myPoem);
alert(fixedPoem);

1
有一些很好的答案，但是许多人使用正则表达式来查找单词，但出于某种原因，没有人使用正则表达式替换第一个字符。为了解释，我将提供长解决方案和短解决方案。
长解决方案（更加说明）。通过使用正则表达式[^\s_-/]*，我们可以找到句子中的每个单词。随后，我们可以使用正则表达式.来匹配一个单词中的第一个字符。对于这两种情况，我们可以使用替换的正则表达式版本来改变解决方案，如下所示： 

function toUpperCase(str) { return str.toUpperCase(); }
function capitalizeWord(word) { return word.replace(/./, toUpperCase); }
function capitalize(sentence) { return sentence.toLowerCase().replace(/[^\s_\-/]*/g, capitalizeWord); }

console.log(capitalize("hello world")); // Outputs: Hello World

对于执行相同操作的单个函数，我们将replace调用嵌套如下：

function capitalize(sentence) {
  return sentence.toLowerCase().replace(/[^\s_\-/]*/g, function (word) {
    return word.replace(/./, function (ch) { return ch.toUpperCase(); } );
  } );
}

console.log(capitalize("hello world")); // Outputs: Hello World

1

this is a test ---> This Is A Test

将上述内容翻译为中文：保留HTML代码，内容涉及编程。 

function capitalize(str) {

  const word = [];

  for (let char of str.split(' ')) {
    word.push(char[0].toUpperCase() + char.slice(1))
  }

  return word.join(' ');

}

console.log(capitalize("this is a test"));

1

Greg Dean的解决方案的原型：

String.prototype.capitalize = function() {
  return this.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
}
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接