Wie man den ersten Buchstaben einer Zeichenkette in JavaScript einfängt

  2. How-To's
  3. JavaScript-Anleitungen
  4. Wie man den ersten Buchstaben einer …
Kirill Ibrahim 12 Oktober 2023
JavaScript JavaScript String
  1. Verwenden Sie die Methoden toUpperCase() und slice(), um den ersten Buchstaben in JavaScript zu erfassen
  2. Verwenden Sie toUpperCase() mit charAt(), um den ersten Buchstaben in JavaScript zu erfassen
  3. Verwenden Sie toUpperCase() und replace(), um den ersten Buchstaben in JavaScript zu erfassen
Wie man den ersten Buchstaben einer Zeichenkette in JavaScript einfängt

Es gibt eine Reihe von Möglichkeiten, den ersten Buchstaben der Zeichenkette in JavaScript groß zu schreiben.

Zum Beispiel:

  • "this is an example" -> "This is an example"
  • "the Atlantic Ocean" -> "The Atlantic Ocean"

Verwenden Sie die Methoden toUpperCase() und slice(), um den ersten Buchstaben in JavaScript zu erfassen

Die Methode toUpperCase() wandelt alle Buchstaben in einer Zeichenkette in Großbuchstaben um; wir werden sie in Kombination mit anderen JavaScript-Funktionen verwenden, um unser gewünschtes Ziel zu erreichen.

Die slice(start,end) Methode extrahiert einen Abschnitt einer Zeichenkette und gibt ihn als neue Zeichenkette zurück.

start ist der erforderliche Parameter. Es ist die Position, an der der Slice-String beginnen soll.

end ist optional. Es ist die Position, an der der Slice-String enden soll. Wenn dieser Parameter weggelassen wird, endet slice() am Ende der Zeichenkette.

Beispiel:

<!DOCTYPE html>   
<html>   
    <head>  
        <title></title> 
    </head>  
        
    <body style = "text-align:center;">     
          
        <input id = "input" type="text" name="input"/>  
        <button onclick="capitalizeString()">  
            Capitalize 
        </button>  
        <h3 id = "modified-string" > 
        </h3> 
            
        <script>  
         
        function capitalizeString() {
          let input = document.getElementById("input"); 
          let headingElement = document.getElementById("modified-string"); 
          let string = input.value; 
          headingElement.innerHTML = string[0].toUpperCase() +  
            string.slice(1); 
        } 
        </script>  
    </body>   
</html>

Ausgabe:

JavaScript fängt den ersten Buchstaben einer Zeichenkette ein

Ein weiteres Beispiel:

// shortened version
function capitalize(sentence) {
  return sentence && sentence[0].toUpperCase() + sentence.slice(1);
}

Verwenden Sie toUpperCase() mit charAt(), um den ersten Buchstaben in JavaScript zu erfassen

Die Methode charAt() gibt das Zeichen aus dem angegebenen Index in einer Zeichenkette zurück. Der Index beginnt bei 0.

Beispiel:

// We will use the same html above
function capitalizeString() {
  let input = document.getElementById('input');
  let headingElement = document.getElementById('modified-string');
  let string = input.value;
  headingElement.innerHTML = string.charAt(0).toUpperCase() + string.slice(1);
  ;
}

Verwenden Sie toUpperCase() und replace(), um den ersten Buchstaben in JavaScript zu erfassen

Das replace() ist eine eingebaute Methode in JavaScript, die die angegebene Zeichenkette nach einem bestimmten Wert oder einem Muster regulärer Ausdrücke durchsucht, sie ersetzt und eine neue Zeichenkette zurückgibt.

JavaScript replace() Syntax:

string.replace(paramA, paramB)

Hier ist paramA ein Wert oder ein regulärer Ausdruck und paramB ein Wert, durch den paramA ersetzt werden soll.

Hinweis: Die ursprüngliche Zeichenkette bleibt unverändert, und der zurückgegebene Wert ist eine neue Zeichenkette mit ersetzten Elementen.

Kurzbeispiel zur Methode replace():

function replaceFunction() {
  let str = 'Google Event';
  let res = str.replace('Google', 'Microsoft');
  console.log(res)
}
replaceFunction();

function replaceAllFunction() {
  let str = 'Google Event will be in Headquarters of Google';
  let res = str.replace(/Google/g, 'Microsoft');
  console.log(res)
}
replaceFunction();

Anmerkung: Die replace() Methode ersetzt standardmäßig nur die erste Instanz. Wir sollten den Modifikator des regulären Ausdrucks global (g) verwenden, um alle Vorkommen zu ersetzen.

Beispiel:

// We will use the same html above
function capitalizeString() {
  let input = document.getElementById('input');
  let headingElement = document.getElementById('modified-string');
  let string = input.value;
  headingElement.innerHTML = string.replace(/^./, string[0].toUpperCase());
}

/^./ steht für den ersten Buchstaben der Zeichenkette. Lesen Sie mehr über reguläre Ausdrücke im RegExp Tutorial und in der RegExp Objektreferenz.

Verwandter Artikel - JavaScript String