JavaScript Academy · Lekcja

Ciągi wielowierszowe

Proszę pisać czytelny tekst wielowierszowy bez znaków ucieczki.

Ciągi wielowierszowe to bezpłatna lekcja JavaScript Academy na CoddyKit. To lekcja 2 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej JavaScript Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs JavaScript Academy zawiera 4 lekcji w sumie.

Stary sposób

Przed wprowadzeniem literałów szablonowych wielowierszowy ciąg znaków wymagał jawnych sekwencji ucieczki nowej linii lub konkatenacji ciągu w kolejnych wierszach. Było to rozwlekłe i podatne na błędy.

const old = "Line 1\nLine 2\nLine 3"
console.log(old)

Literały szablonowe obejmują wiele wierszy

Literał szablonowy zapisany za pomocą backticków może zawierać rzeczywiste podziały wierszy w kodzie źródłowym. Każdy wpisany znak nowej linii staje się znakiem nowej linii w ciągu znaków.

Uruchamialny przykład odtwarza ten sam wynik za pomocą sekwencji ucieczki.

const text = "First\nSecond\nThird"
console.log(text)

Białe znaki są zachowywane

Wcięcia i spacje wewnątrz wielowierszowego literału szablonowego są zachowywane dokładnie tak, jak je zapisano. Ma to znaczenie podczas generowania sformatowanego wyniku.

const block = "  indented\n    more indented"
console.log(block)

Budowanie akapitów

Wielowierszowe ciągi znaków są przydatne przy tworzeniu akapitów tekstu, treści wiadomości e-mail lub szablonów. Tutaj składamy krótką wiadomość.

const msg = "Dear user,\n\nThank you for joining.\n\nBest regards"
console.log(msg)

Zliczanie wierszy

Wielowierszowy ciąg znaków można podzielić przy użyciu znaku nowej linii, aby zliczać lub przetwarzać poszczególne wiersze.

const text = "a\nb\nc\nd"
const lines = text.split("\n")
console.log("Lines: " + lines.length)

Łączenie w tekst wielowierszowy

Tablicę wierszy można połączyć separatorem nowej linii, aby programowo utworzyć wielowierszowy ciąg znaków.

const parts = ["one", "two", "three"]
console.log(parts.join("\n"))

Łączenie z interpolacją

Wielowierszowe literały szablonowe mogą również zawierać wypełniacze, łącząc dynamiczne wartości z podziałami wierszy. Przykład wykorzystuje konkatenację, aby pokazać wynik.

const name = "Sam"
const body = "Hello " + name + ",\nWelcome aboard."
console.log(body)

Tabulatory i znaki specjalne

Nawet wewnątrz wielowierszowych ciągów znaków można używać znaków tabulacji za pomocą sekwencji ucieczki tabulacji, aby wyrównywać kolumny.

const table = "Name\tAge\nAlice\t30\nBob\t25"
console.log(table)

Usuwanie dodatkowych wierszy

Wielowierszowe ciągi znaków czasami zawierają początkowe lub końcowe puste wiersze. Metoda trim usuwa otaczające białe znaki, w tym znaki nowej linii.

const raw = "\n\nHello\n\n"
console.log("[" + raw.trim() + "]")

Generowanie tekstu kodu

Wielowierszowe ciągi znaków są przydatne do generowania fragmentów kodu źródłowego lub konfiguracji w postaci tekstu.

const code = "function add(a, b) {\n  return a + b\n}"
console.log(code)

Zwracanie uwagi na długość wierszy

Należy pamiętać, że wielowierszowy literał szablonowy zawiera każdy wpisany znak nowej linii. Przypadkowe podziały wierszy mogą wprowadzić nieoczekiwane białe znaki, dlatego formatowanie powinno być celowe.

const a = "no break here and here"
console.log(a.length)

Szybkie sprawdzenie

Sprawdź swoje rozumienie tekstu wielowierszowego.

Podsumowanie

Podsumowanie: Literały szablonowe umożliwiają tworzenie rzeczywistego tekstu wielowierszowego.

Podziały wierszy w kodzie źródłowym stają się podziałami wierszy w ciągu znaków
Białe znaki są zachowywane dokładnie
Połącz je z interpolacją, aby tworzyć dynamiczne bloki
Używaj split i join do przetwarzania wierszy

console.log("Line A\nLine B")

Często zadawane pytania

Czy lekcja „Ciągi wielowierszowe” jest bezpłatna?

Tak — pełny tekst „Ciągi wielowierszowe” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu JavaScript Academy, przejdź na CoddyKit PRO. Kurs JavaScript Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Ciągi wielowierszowe”?

Proszę pisać czytelny tekst wielowierszowy bez znaków ucieczki. Ćwiczysz JavaScript Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć JavaScript Academy?

Nie wymagamy żadnego doświadczenia. JavaScript Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 2 z 4.

Ile czasu zajmuje lekcja „Ciągi wielowierszowe”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji JavaScript Academy?

Tak. Każda lekcja JavaScript Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

← Powrót do JavaScript Academy