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

Wenn Sie Bibliotheken von Drittanbietern in Ihrem Code verwenden können, dann hat lodash eine Hilfsfunktion für uns.

https://lodash.com/docs/4.17.3#startCase

_.startCase('foo bar');
// => 'Foo Bar'

_.startCase('--foo-bar--');
// => 'Foo Bar'

_.startCase('fooBar');
// => 'Foo Bar'

_.startCase('__FOO_BAR__');
// => 'FOO BAR'

Answer 2

Konvertieren Sie zunächst Ihre string in Array durch Spaltung es durch Leerzeichen:

var words = str.split(' ');

Dann verwenden Sie array.map um ein neues Array zu erstellen, das die großgeschriebenen Wörter enthält.

var capitalized = words.map(function(word) {
    return word.charAt(0).toUpperCase() + word.substring(1, word.length);
});

Entonces beitreten das neue Feld mit Leerzeichen:

capitalized.join(" ");

function titleCase(str) {
  str = str.toLowerCase(); //ensure the HeLlo will become Hello at the end
  var words = str.split(" ");

  var capitalized = words.map(function(word) {
    return word.charAt(0).toUpperCase() + word.substring(1, word.length);
  });
  return capitalized.join(" ");
}

console.log(titleCase("I'm a little tea pot"));

HINWEIS:

Das hat natürlich einen Nachteil. Es wird nur der erste Buchstabe eines jeden Wortes großgeschrieben. Mit Wort ist gemeint, dass jede durch Leerzeichen getrennte Zeichenkette als ein Wort behandelt wird.

Vermutlich haben Sie das:

str = "I'm a little/small tea pot";

Dies führt zu

Ich bin ein wenig klein Teekanne

im Vergleich zu den erwarteten

Ich bin ein kleiner/kleiner Teepott

In diesem Fall können Sie mit Regex und .ersetzen reicht aus:

mit ES6:

const capitalize = str => str.length
  ? str[0].toUpperCase() +
    str.slice(1).toLowerCase()
  : '';

const escape = str => str.replace(/./g, c => `\\${c}`);
const titleCase = (sentence, seps = ' _-/') => {
  let wordPattern = new RegExp(`[^${escape(seps)}]+`, 'g');

  return sentence.replace(wordPattern, capitalize);
};
console.log( titleCase("I'm a little/small tea pot.") );

oder ohne ES6 :

function capitalize(str) {
  return str.charAt(0).toUpperCase() + str.substring(1, str.length).toLowerCase();
}

function titleCase(str) {
  return str.replace(/[^\ \/\-\_]+/g, capitalize);
}

console.log(titleCase("I'm a little/small tea pot."));

Answer 3

ES 6

str.split(' ')
   .map(s => s.slice(0, 1).toUpperCase() + s.slice(1).toLowerCase())
   .join(' ')

sonst

str.split(' ').map(function (s) {
    return s.slice(0, 1).toUpperCase() + s.slice(1).toLowerCase();
}).join(' ')

Answer 4

Die meisten dieser Antworten scheinen die Möglichkeit zu ignorieren, das Wortgrenzen-Metacharakter ( \b ). Eine kürzere Version der Antwort von Greg Dean, die sie nutzt:

function toTitleCase(str)
{
    return str.replace(/\b\w/g, function (txt) { return txt.toUpperCase(); });
}

Das funktioniert auch bei Namen mit Bindestrich wie Jim-Bob.

Answer 5

Versuchen Sie dies, der kürzeste Weg:

str.replace(/(^[a-z])|(\s+[a-z])/g, txt => txt.toUpperCase());