Operator konkatenacji + w JavaScript

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

Operator konkatenacji + w JavaScript

W JavaScript operator + może oznaczać dodawanie liczb albo łączenie tekstów, czyli konkatenację. O tym, jak zostanie zinterpretowany, decydują typy danych użyte w wyrażeniu.

Dodawanie liczb

Jeżeli oba operandy są liczbami, operator + wykonuje dodawanie arytmetyczne.

var a = 5;
var b = 3;
document.write(a + b); // 8

Łączenie tekstów

Jeżeli przynajmniej jeden operand jest tekstem, JavaScript zwykle zamienia drugi operand na tekst i wykonuje konkatenację.

var a = 12;
var b = 5;
document.write(a + "," + b); // 12,5

W tym przykładzie wyrażenie jest obliczane od lewej do prawej:

  1. a + "," daje tekst "12,",
  2. "12," + b daje tekst "12,5".

Częsty błąd egzaminacyjny

Należy uważać na sytuacje, w których liczba jest łączona z tekstem:

document.write(2 + 3 + "px"); // 5px
document.write("px" + 2 + 3); // px23

Pierwszy przykład najpierw dodaje liczby 2 + 3, a dopiero potem dołącza tekst. Drugi przykład zaczyna się od tekstu, więc kolejne wartości są dołączane jako tekst.

Znaczenie w zadaniach INF.03

Operator + często pojawia się w zadaniach z document.write(), komunikatami, budowaniem napisów oraz wyświetlaniem wyników obliczeń. Trzeba zawsze sprawdzić, czy + działa jako dodawanie, czy jako konkatenacja.