Strings und Methoden zur Arbeit mit ihnen

4.1 Einführung in Strings

Strings in JavaScript sind Folgen von Zeichen und gehören zu den grundlegenden Datentypen. Strings können mit einfachen Anführungszeichen ('Text'), doppelten Anführungszeichen ("Text") oder Backticks (`Text`) erstellt werden.

Beispiele für Strings:

    
      let singleQuote = 'Hello, World!';
      let doubleQuote = "Hello, World!";
      let backticks = `Hello, World!`;
    
  

An einem String-Objekt kannst du folgende Methoden aufrufen:

4.2 Wichtige Methoden zur Arbeit mit Strings

Beispiele für die Verwendung von Methoden

1. Property length

Gibt die Länge des Strings zurück:

    
      let str = 'Hello';
      console.log(str.length); // 5
    
  

2. Methode charAt(index)

Gibt das Zeichen an der angegebenen Position zurück:

    
      let str = 'Hello';
      let result = str.charAt(1);
      console.log(result); // 'e'
    
  

3. Methoden toUpperCase() und toLowerCase():

Wandeln den String in Groß- oder Kleinbuchstaben um:

    
      let str = 'Hello';
      console.log(str.toUpperCase()); // 'HELLO'
      console.log(str.toLowerCase()); // 'hello'
    
  

4. Methode indexOf(substring)

Gibt den Index des ersten Auftretens der Teilzeichenkette zurück oder -1, wenn die Teilzeichenkette nicht gefunden wird:

    
      let str = 'Hello, world!';
      let result = str.indexOf('world');
      console.log(result); // 7
    
  

5. Methode includes(substring)

Prüft, ob der String die angegebene Teilzeichenkette enthält, gibt true oder false zurück:

    
      let str = 'Hello, world!';
      let result = str.includes('world');
      console.log(result); // true
    
  

6. Methode trim()

Entfernt Leerzeichen vom Anfang und Ende des Strings:

    
      let str = '   Hello, world!   ';
      console.log(str.trim()); // 'Hello, world!'
    
  

7. Methode replace(searchValue, newValue)

Ersetzt die angegebene Teilzeichenkette durch eine neue Teilzeichenkette:

    
      let str = 'Hello, world!';
      console.log(str.replace('world', 'JavaScript')); // 'Hello, JavaScript!'
    
  

8. Methode split(separator)

Teilt den String in ein Array von Teilzeichenketten, basierend auf dem angegebenen Trenner:

    
      let str = 'Hello, world!';
      let words = str.split(' ');
      console.log(words); // ['Hello,', 'world!']
    
  

9. Methode substring(start, end)

Gibt eine Teilzeichenkette zwischen zwei Indizes zurück:

    
      let str = 'Hello, world!';
      console.log(str.substring(0, 5)); // 'Hello'
    
  

10. Methode substr(start, length)

Gibt eine Teilzeichenkette zurück, beginnend ab dem angegebenen Index und mit der angegebenen Anzahl von Zeichen:

    
      let str = 'Hello, world!';
      console.log(str.substr(0, 5)); // 'Hello'
    
  

11. Methode slice(start, end)

Extrahiert einen Teil des Strings und gibt einen neuen String zurück:

    
      let str = 'Hello, world!';
      console.log(str.slice(0, 5)); // 'Hello'
    
  

12. Methode startsWith(substring)

Prüft, ob der String mit der angegebenen Teilzeichenkette beginnt, gibt true oder false zurück:

    
      let str = 'Hello, world!';
      console.log(str.startsWith('Hello')); // true
    
  

13. Methode endsWith(substring)

Prüft, ob der String mit der angegebenen Teilzeichenkette endet, gibt true oder false zurück:

    
      let str = 'Hello, world!';
      console.log(str.endsWith('world!')); // true
    
  

14. Methode repeat(count)

Gibt einen neuen String zurück, der die angegebene Anzahl von Kopien des ursprünglichen Strings enthält:

    
      let str = 'Hello';
      console.log(str.repeat(3)); // 'HelloHelloHello'

      let str2 = '-';
      console.log(str2.repeat(30)); // '---------------------------------------------------------------'
    
  

4.3 Moderne Strings

Template Strings wurden kürzlich in JavaScript hinzugefügt. Sie bieten einen bequemeren und lesbareren Umgang mit Text im Vergleich zu herkömmlichen Strings. Sie werden in Backticks (`) eingeschlossen und unterstützen Ausdrucksinterpolation sowie mehrzeiligen Text.

Syntax:

    
      `moderne Strings`
    
  

Beispiel:

Der Template-Literal greeting wird mit Backticks erstellt.

    
      const greeting = `Hello, World!`;
      console.log(greeting); // "Hello, World!"
    
  

Wichtige Merkmale von Template Strings:

• Ausdrucksinterpolation: Template Strings ermöglichen das Einfügen von Ausdrücken und Variablen in den String mit ${}
• Mehrzeiliger Text: Template Strings unterstützen mehrzeiligen Text ohne spezielle Zeilenumbruchszeichen verwenden zu müssen
• Eingebettete Ausdrücke: Innerhalb von Template Strings können beliebige JavaScript-Ausdrücke, einschließlich Funktionen, verwendet werden

Schauen wir uns Beispiele für die Verwendung von Template Strings an.

Ausdrucksinterpolation

Template Strings ermöglichen es, Werte von Variablen und Ergebnisse von Ausdrücken einfach in den String einzufügen:

    
      let name = "Alice";
      let age = 30;
      let greeting = `Hello, ${name}! You are ${age} years old.`;
      console.log(greeting); // "Hello, Alice! You are 30 years old."
    
  

In diesem Beispiel werden die Variablen name und age in den String mit ${} eingefügt.

Mehrzeiliger Text

Template Strings erleichtern das Erstellen von mehrzeiligen Strings ohne Notwendigkeit, Zeichen für den Zeilenumbruch (\n) zu verwenden:

    
      let multiLine = `Lorem ipsum odor, consectetuer adipiscing elit.
      Sit lorem mattis eget maximus.`;

      console.log(multiLine);
    
  

Eingebettete Ausdrücke

Innerhalb von Template Strings können beliebige JavaScript-Ausdrücke, einschließlich Funktionsaufrufe, verwendet werden:

    
      let a = 5;
      let b = 10;
      let result = `The sum of ${a} and ${b} is ${a + b}.`;
      console.log(result); // "The sum of 5 and 10 is 15."

      function getGreeting(name) {
        return `Hello, ${name}!`;
      }

      let greeting = `${getGreeting("Bob")}`;
      console.log(greeting); // "Hello, Bob!"
    
  

Besser ist es natürlich, Funktionen nicht innerhalb von Strings aufzurufen, aber wenn du wirklich willst, kannst du es.