Konkatenacja stringów w JavaScript

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Czym jest konkatenacja stringów?

Konkatenacja to łączenie tekstów, czyli stringów. W JavaScript najczęściej wykonuje się ją za pomocą operatora +.

Przykład

let nazwa = "INF.03";
document.write("Kwalifikacja: " + nazwa);

Wynik:

Kwalifikacja: INF.03

Tekst "Kwalifikacja: " zostaje połączony z wartością zmiennej nazwa.

Operator plus +

Operator + może oznaczać:

  • dodawanie liczb,
  • łączenie tekstów.

Przykład dodawania:

let wynik = 2 + 3; // 5

Przykład łączenia tekstu:

let tekst = "Ala" + " ma kota"; // "Ala ma kota"

Jeżeli jeden z argumentów jest tekstem, JavaScript zwykle traktuje całe działanie jako łączenie tekstów.

Częsty błąd

Niepoprawny jest zapis:

document.write("Kwalifikacja: ".A);

Kropka . nie służy do łączenia tekstu ze zmienną. Do tego używa się operatora + albo szablonów tekstowych.

Alternatywa: template literals

Nowocześniejszy zapis:

let A = "INF.03";
document.write(`Kwalifikacja: ${A}`);

Na egzaminie często spotyka się jednak klasyczną konkatenację z użyciem +.