Wie mache ich den ersten Buchstaben eines String-Großbuchstabens in JavaScript?

function capitalizeFirstLetter(string) {
    return string.charAt(0).toUpperCase() + string.slice(1);
}

Einige andere Antworten ändern String.prototype (diese Antwort verwendet als gut), aber ich würde abraten, jetzt wegen der Wartungsfreundlichkeit (schwer zu finden, wo die Funktion Hinzugefügt, um die prototype und könnte zu Konflikten führen, wenn andere code verwendet die gleichen Namen /ein browser eine native Funktion mit demselben Namen in Zukunft).

InformationsquelleAutor der Antwort Steve Harrison

CSS:

p:first-letter {
    text-transform:capitalize;
}

InformationsquelleAutor der Antwort sam6ber

Wenn Sie interessiert sind, in der Leistung von ein paar verschiedenen Methoden verfasst:

Hier sind die schnellsten Methoden, basierend auf in diesem jsperf-test (bestellt vom schnellsten zum langsamsten).

Wie Sie sehen können, die ersten zwei Methoden sind im wesentlichen vergleichbar im Hinblick auf Leistung, in der Erwägung, dass die änderung der String.prototype ist mit Abstand die langsamste in Bezug auf Leistung.

//10,889,187 operations/sec
function capitalizeFirstLetter(string) {
    return string[0].toUpperCase() + string.slice(1);
}

//10,875,535 operations/sec
function capitalizeFirstLetter(string) {
    return string.charAt(0).toUpperCase() + string.slice(1);
}

//4,632,536 operations/sec
function capitalizeFirstLetter(string) {
    return string.replace(/^./, string[0].toUpperCase());
}

//1,977,828 operations/sec
String.prototype.capitalizeFirstLetter = function() {
    return this.charAt(0).toUpperCase() + this.slice(1);
}

InformationsquelleAutor der Antwort Josh Crozier

Hier sind die besten Lösungen:

Erste Lösung CSS:

p {
  text-transform: capitalize;
}

Zweite Lösung :

function capitalizeFirstLetter(string) {
    return string.charAt(0).toUpperCase() + string.slice(1).toLowerCase();
}

Könnten Sie auch hinzufügen, um die String.prototype so könnte man die Kette mit anderen Methoden:

String.prototype.capitalizeFirstLetter = function() {
    return this.charAt(0).toUpperCase() + this.slice(1).toLowerCase();
}

und verwenden Sie es wie diese:

'string'.capitalizeFirstLetter() //String

Dritte Lösung:

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

InformationsquelleAutor der Antwort Kamil Ibadov

Großschreibung des ersten Buchstaben aller Wörter in einer Zeichenfolge:

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

InformationsquelleAutor der Antwort Dan

String.prototype.capitalize = function(allWords) {
   return (allWords) ? //if all words
      this.split(' ').map(word => word.capitalize()).join(' ') : //break down phrase to words then  recursive calls until capitalizing all words
      this.charAt(0).toUpperCase() + this.slice(1); //if allWords is undefined , capitalize only the first word , mean the first char of the whole string
}

Dann:

 "capitalize just the first word".capitalize(); ==> "Capitalize just the first word"
 "capitalize all words".capitalize(true); ==> "Capitalize All Words"

Update Nov.2016 (ES6), just for FUN :

const capitalize = (string = '') => [...string].map(    //convert to array with each item is a char of string by using spread operator (...)
    (char, index) => index ? char : char.toUpperCase()  //index true means not equal 0 , so (!index) is the first char which is capitalized by `toUpperCase()` method
 ).join('')                                             //return back to string

dann capitalize("hello") //Hello

InformationsquelleAutor der Antwort Abdennour TOUMI

Wenn Sie underscore.js oder Lo-Dashdie Unterstrich.string Bibliothek bietet die string-Erweiterungen, einschließlich profitieren:

_.capitalize(string) Wandelt den ersten Buchstaben der Zeichenfolge zu
Großbuchstaben.

Beispiel:

_.capitalize("foo bar") == "Foo bar"

InformationsquelleAutor der Antwort andersh

Wenn Sie wollen, zu formatieren, alle Kappen text, möchten Sie vielleicht ändern Sie die anderen Beispiele als solche:

function capitalize (text) {
    return text.charAt(0).toUpperCase() + text.slice(1).toLowerCase();
}

Dadurch wird sichergestellt, dass der folgende text ist geändert:

TEST => Test
This Is A TeST => This is a test

InformationsquelleAutor der Antwort monokrome

var capitalized = yourstring[0].toUpperCase() + yourstring.substr(1);

InformationsquelleAutor der Antwort zianwar

String.prototype.capitalize = function(){
    return this.replace( /(^|\s)([a-z])/g , function(m,p1,p2){ return p1+p2.toUpperCase();
    } );
};

Verwendung:

capitalizedString = someString.capitalize();

Dies ist ein text string => Dies Ist Ein Text-String

InformationsquelleAutor der Antwort Murat Kucukosman

Hier ist eine Funktion namens ucfirst() (kurz für "upper case first letter"):

function ucfirst(str) {
    var firstLetter = str.substr(0, 1);
    return firstLetter.toUpperCase() + str.substr(1);
}

Können Sie profitieren die ein string durch den Aufruf ucfirst("some string") -- zum Beispiel,

ucfirst("this is a test") --> "This is a test"

Es funktioniert durch die Teilung der saite in zwei Teile. In der ersten Zeile, es zieht firstLetter und dann auf die zweite Zeile es nutzt firstLetter durch den Aufruf firstLetter.toUpperCase() und verbindet es mit dem rest des Strings, der durch Aufruf str.substr(1).

Man könnte denken, dies würde nicht für eine leere Zeichenfolge, und zwar in einer Sprache wie C, die Sie haben würden, zu befriedigen. Aber in JavaScript, wenn Sie einen Teilstring ein leerer string, Sie bekommen einfach einen leeren string zurück.

InformationsquelleAutor der Antwort Robert Wills

yourString.replace(/^[a-z]/, function(m){ return m.toUpperCase() });

(Sie können die Kapseln in einer Funktion oder sogar fügen Sie es der String-Prototyp, wenn Sie es verwenden Häufig.)

InformationsquelleAutor der Antwort Simon

Können Sie tun es in einer Zeile wie dieser

string[0].toUpperCase() + string.substring(1)

InformationsquelleAutor der Antwort Qwerty

Es ist immer besser in den Griff, diese Arten von Futtermitteln die Verwendung von CSS-erste, im Allgemeinen, wenn Sie lösen können, etwas mit CSS, für diesen ersten, dann versuchen Sie JavaScript, um Ihre Probleme zu lösen, so dass in diesem Fall versuchen Sie es mit :first-letter in CSS und gelten text-transform:capitalize;

So versuchen Sie, erstellen der Klasse, so dass Sie können es verwenden, Global, zum Beispiel: .first-letter-uppercase und fügen Sie so etwas wie unten in Ihre CSS:

.first-letter-uppercase:first-letter {
    text-transform:capitalize;
}

Auch die alternative Möglichkeit ist JavaScript, also das beste, werde so etwas wie dieses:

function capitalizeTxt(txt) {
  return txt.charAt(0).toUpperCase() + txt.slice(1); //or if you want lowercase the rest txt.slice(1).toLowerCase();
}

und nennen mag:

capitalizeTxt('this is a test'); //return 'This is a test'
capitalizeTxt('the Eiffel Tower'); //return 'The Eiffel Tower'
capitalizeTxt('/index.html');  //return '/index.html'

Wenn Sie wiederverwenden möchten Sie über und über, es ist besser, bringen Sie es zu javascript native String, so etwas wie unten:

String.prototype.capitalizeTxt = String.prototype.capitalizeTxt || function() {
    return this.charAt(0).toUpperCase() + this.slice(1);
}

und rufen Sie es wie folgt:

'this is a test'.capitalizeTxt(); //return 'This is a test'
'the Eiffel Tower'.capitalizeTxt(); //return 'The Eiffel Tower'
'/index.html'.capitalizeTxt();  //return '/index.html'

InformationsquelleAutor der Antwort Alireza

var str = "ruby java";

alert(str.charAt(0).toUpperCase() + str.substring(1));

zurück "Ruby java"

http://jsfiddle.net/amitpandya/908c8e2v/

Ergebnis-link in jsfiddle

InformationsquelleAutor der Antwort AMIC MING