[Javascript] 기초 공부 - 텍스트 문자열 연결하기

텍스트 문자열 연결하기

텍스트 + 텍스트

텍스트와 텍스트를 조합해서 연결시킬 수 있다.

alert("안녕하세요"+userName+"님");

텍스트를 조합할 때는 + 연산자를 사용한다. 텍스트와 변수를 조합해서 사용할 수 있다.

텍스트 + 숫자 조합

Javascript에서 텍스트와 숫자를 구분하는 것은 ""(쌍따옴표) 이다.
그렇다면 숫자에 쌍따옴표가 감싸져있지 않다면 결과는 무엇이될까?

alert("2 더하기 2는 " + 2 + 2);

우리가 원하는 결과물이 나오지 않는다.
이유는 프로그래밍은 왼쪽에서부터 순서대로 실행되기 때문에 아래 그림과 같은 과정을 거쳐서 결과가 나왔기 때문이다.

그러므로 서로 다른 type인 String+Number 를 시도할 때는 항상 주의해야한다.
String과 Number형을 더한다면 항상 String형으로 변환된다.

원래 다른 프로그래밍 언어는 서로 다른 type인 String과 Number를 서로 더하거나 뺄 수 없지만, Javascript는 오류를 내지 않고 더하게 된다.
이런 부분은 유연하다고 볼 수도 있고 에러를 낼 여지가 있기때문에 단점으로 꼽을 수도 있다.