TIL -11. JavaScript :텍스트 문자열의 연결

이전에는 메세지를 alert에 출력하는 법을 배웠다.

그런데, alert은 텍스트를 개발자가 직접 입력해서 항상 같은 텍스트를 출력하기 때문에
한계가 있엇다. 만약 다른 문자를 보여주고 싶을 때는 어떻게 하나?..

텍스트를 변수에 담아 alert창에 띄우는 방법이 있다.

let userName = "이지연"
alert(userName);

상황에 맞도록 userName변수에 각각 다른 값을 넣을 있다면
위와 같이 다른 문자열이 나올 것이다.

이번 글에서는 텍스트 문자열의 연결에 대해 알아볼 것이다.

텍스트 + 텍스트 조합

• 텍스트를 조합할 때는 +연산자를 사용
• 텍스트와 변수를 조합해서 사용 가능

코드:

코드 결과:

텍스트 + 숫자 조합

• 텍스트 형인 String과 숫자형인 Number의 조합

console.log("2"+"2");

둘 다 숫자로 보이지만, " "(쌍따음표)로 감싸져 있어 컴퓨터는 숫자라고 인식하지 않습니다.

결과는 숫자 4가 아닌!!
2라는 텍스트와 2라는 텍스가 붙은 22라는 문자열이 출력!이 된다.

만약, 숫자로 표현하려면 쌍따음표를 제거해야한다.
즉, 텍스트와 숫자를 구분하는 것은 ""(쌍따음표)이다.

단, 주의할 점이 있다.
서로 다른 type인 String +Number를 시도할 때는 항상 주의해야한다.
이 둘을 더하면 항상 String형으로 변환된다.

이 점은 JavaScript에서만 가능한 일입니다.
다른 언어에 경우에는 오류를 내지만, JavaScript에서는 오류를 내지 않고 더한다.

코드:

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

코드 결과:

2더하기 2는 22

프로그래밍은 왼쪽에서부터 순서대로 실행되기 때문에 이와 같은 결과가 나온것이다.

처음에는 "2더하기 2는 "+2가 먼저 된 후 이후에
"2더하기 2는 2"+2를 해준 격이다.