Operacje tekstowe

Stringi to jeden z najczęściej używanych typów danych w JavaScript, a ich manipulacja jest kluczowym elementem programowania. Poznajmy najważniejsze metody i techniki pracy z danymi tekstowymi.

Konkatenacja stringów

Łączenie stringów, znane jako konkatenacja (concatenate), jest podstawową operacją. Możemy używać operatora + lub interpolacji stringów za pomocą backticków.

Przykład konkatenacji:

let powitanie = 'Witaj, ' + 'świecie!';
let imie = 'Code';
let zdanie = `Moje imię to ${imie}`; // Składnia template literals - wyjaśnienie w dalszej części lekcji

console.log(powitanie); // Witaj, świecie!
console.log(zdanie); // Moje imię to Code

Metody Stringów

JavaScript oferuje wiele wbudowanych metod do pracy ze stringami. Oto te, które warto znać od samego początku nauki:

length: Zwraca długość stringa.
```
let dlugosc = 'Hello'.length; // 5
```

toUpperCase() / toLowerCase(): Zmienia wszystkie znaki na wielkie/małe litery.

let duze = 'hello'.toUpperCase(); // "HELLO"
let male = 'HELLO'.toLowerCase(); // "hello"

includes(searchString): Sprawdza, czy string zawiera podany ciąg znaków.

let zawiera = 'Witaj, świecie!'.includes('świecie'); // true
let nieZawiera = 'Witaj, świecie!'.includes('Programisto'); // false

startsWith(searchString) / endsWith(searchString): Sprawdza, czy string zaczyna/kończy się na określony ciąg znaków.

let zaczyna = 'Witaj, świecie!'.startsWith('Witaj'); // true
let konczy = 'Witaj, świecie!'.endsWith('świecie!'); // true

let nieZaczyna = 'Witaj, świecie!'.startsWith('Programisto'); // false

slice(start, end): Wycina fragment stringa od indeksu start do end. Pamiętaj, że indeksy zaczynają się od 0.

let wycinek = 'Witaj, świecie!'.slice(0, 5); // "Witaj"
let wycinek2 = 'Witaj, mój świecie!'.slice(7, 10); // "mój"

replace(searchFor, replaceWith): Zastępuje fragment stringa.

let zamieniony = 'Witaj, świecie!'.replace('świecie', 'Programisto'); // "Witaj, Programisto!"

split(separator): Rozdziela string na tablicę na podstawie separatora.

// separatorem jest tutaj spacja
let slowa = 'Witaj, świecie!'.split(' '); // ["Witaj,", "świecie!"]

join(separator): Łączy elementy tablicy w jeden string, używając łącznika.

// łącznikiem jest tutaj spacja
let polaczony = slowa.join(' '); // "Witaj, świecie!"

Template Literals

Template literals (backticks `tekst`) oferują bardziej zaawansowane możliwości, takie jak wieloliniowe stringi oraz interpolacja.

Przykład 1:

let tekstWieloliniowy = `Pierwsza linia
Druga linia`;

console.log(wieloliniowy);

Przykład 2:

let imie = 'Code';
let zdanie = `Moje imię to ${imie}`;

console.log(zdanie); // Moje imię to Code

Tych kilka podstawowych metod pozwoli Ci na większość operacji na stringach, ale nie są to wszystkie metody, które oferuje JavaScript. Nie sensu jest uczyć się wszystkiego na pamięć, więc z czasem nauczysz się korzystać z dokumentacji i znajdowania odpowiednich metod do rozwiązywania swoich problemów.

Tymczasem zapoznaj się z materiałami dodatkowymi, aby poznać kolejne przydatne metody do pracy z tekstem.

🔗 Dodatkowe materiały:

Masz pytania lub uwagi?

Przejdź na Discord