Zeichenkette mit JavaScript in Großbuchstaben umwandeln

Question

Gibt es eine einfache Möglichkeit, eine Zeichenfolge in Title Case zu konvertieren? z.B.. john smith wird John Smith . Ich bin nicht auf der Suche nach etwas Kompliziertem wie Die Lösung von John Resig nur (hoffentlich) eine Art Ein- oder Zweizeiler.

Answer 1

Ich ziehe die folgenden Antworten den anderen vor. Es wird nur der erste Buchstabe eines jeden Wortes gefunden und großgeschrieben. Einfacherer Code, leichter zu lesen und weniger Bytes. Vorhandene Großbuchstaben werden beibehalten, um zu verhindern, dass Akronyme entstellt werden. Sie können jedoch jederzeit toLowerCase() auf Ihrer Zeichenkette.

function title(str) {
  return str.replace(/(^|\s)\S/g, function(t) { return t.toUpperCase() });
}

Sie können dies zu Ihrem String-Prototyp hinzufügen, was es Ihnen ermöglicht 'my string'.toTitle() wie folgt:

String.prototype.toTitle = function() {
  return this.replace(/(^|\s)\S/g, function(t) { return t.toUpperCase() });
}

Beispiel:

String.prototype.toTitle = function() {
  return this.replace(/(^|\s)\S/g, function(t) { return t.toUpperCase() });
}

console.log('all lower case ->','all lower case'.toTitle());
console.log('ALL UPPER CASE ->','ALL UPPER CASE'.toTitle());
console.log("I'm a little teapot ->","I'm a little teapot".toTitle());

Answer 2

Sie könnten sofort toLowerCase die Zeichenkette, und dann einfach toUpperCase der erste Buchstabe eines jeden Wortes. Wird zu einem sehr einfachen 1-Liner:

function titleCase(str) {
  return str.toLowerCase().replace(/\b(\w)/g, s => s.toUpperCase());
}

console.log(titleCase('iron man'));
console.log(titleCase('iNcrEdible hulK'));

Answer 3

Benchmark

TL;DR

Der Gewinner dieses Benchmarks ist die einfache alte for-Schleife:

function titleize(str) {
    let upper = true
    let newStr = ""
    for (let i = 0, l = str.length; i < l; i++) {
        // Note that you can also check for all kinds of spaces  with
        // str[i].match(/\s/)
        if (str[i] == " ") {
            upper = true
            newStr += str[i]
            continue
        }
        newStr += upper ? str[i].toUpperCase() : str[i].toLowerCase()
        upper = false
    }
    return newStr
}
// NOTE: you could beat that using charcode and string builder I guess.

Tatsächliche Benchmark

Ich habe die beliebtesten und eindeutigsten Antworten genommen und ein Benchmark mit denen.

Hier ist das Ergebnis auf meinem MacBook pro:

Der Vollständigkeit halber sind hier die verwendeten Funktionen aufgeführt:

str = "the QUICK BrOWn Fox jUMPS oVeR the LAzy doG";
function regex(str) {
  return str.replace(
    /\w\S*/g,
    function(txt) {
      return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
    }
  );
}

function split(str) {
  return str.
    split(' ').
    map(w => w[0].toUpperCase() + w.substr(1).toLowerCase()).
    join(' ');
}

function complete(str) {
  var i, j, str, lowers, uppers;
  str = str.replace(/([^\W_]+[^\s-]*) */g, function(txt) {
    return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
  });

  // Certain minor words should be left lowercase unless 
  // they are the first or last words in the string
  lowers = ['A', 'An', 'The', 'And', 'But', 'Or', 'For', 'Nor', 'As', 'At', 
  'By', 'For', 'From', 'In', 'Into', 'Near', 'Of', 'On', 'Onto', 'To', 'With'];
  for (i = 0, j = lowers.length; i < j; i++)
    str = str.replace(new RegExp('\\s' + lowers[i] + '\\s', 'g'), 
      function(txt) {
        return txt.toLowerCase();
      });

  // Certain words such as initialisms or acronyms should be left uppercase
  uppers = ['Id', 'Tv'];
  for (i = 0, j = uppers.length; i < j; i++)
    str = str.replace(new RegExp('\\b' + uppers[i] + '\\b', 'g'), 
      uppers[i].toUpperCase());

  return str;
}

function firstLetterOnly(str) {
  return str.replace(/\b(\S)/g, function(t) { return t.toUpperCase(); });
}

function forLoop(str) {
  let upper = true;
  let newStr = "";
  for (let i = 0, l = str.length; i < l; i++) {
    if (str[i] == " ") {
      upper = true;
        newStr += " ";
      continue;
    }
    newStr += upper ? str[i].toUpperCase() : str[i].toLowerCase();
    upper = false;
  }
  return newStr;
}

Ich habe den Prototyp absichtlich nicht geändert, da ich dies für eine sehr schlechte Praxis halte und ich denke, dass wir eine solche Praxis in unseren Antworten nicht fördern sollten. Dies ist nur für kleine Codebasen in Ordnung, wenn man der einzige ist, der daran arbeitet.

Wenn Sie einen anderen Weg zu diesem Benchmark hinzufügen möchten, kommentieren Sie bitte einen Link zu der Antwort!

Answer 4

var result =
  'this is very interesting'.replace(/\b[a-z]/g, (x) => x.toUpperCase())

console.log(result) // This Is Very Interesting

Answer 5

Überrascht zu sehen, niemand erwähnt die Verwendung von Rest-Parameter. Hier ist ein einfacher Einzeiler, der ES6 Rest-Parameter verwendet.

let str="john smith"
str=str.split(" ").map(([firstChar,...rest])=>firstChar.toUpperCase()+rest.join("").toLowerCase()).join(" ")
console.log(str)