자바스크립트(Javascript) 문자열 연결하는 방법

문자열 연결이란?

말 그대로 문자와 문자를 연결해서 합치는 걸 말합니다. 영어로는 String Concatenation이라고 하는군요.

문자열을 연결하는 방법은 2가지가 있습니다.

 

+ 연산자를 이용한 방법

산술 연산자인 + 를 사용하면 두 개 이상의 문자열을 합칠 수 있습니다.

let firstName = 'John';
let lastName = 'Doe';

let fullName = firstName + ' ' + lastName;
console.log(fullName); // Prints: 'John Doe'

• let 명령어를 통해 변수 firstName에는 John을, 변수 lastName에는 Doe를 할당했습니다
• fullName 변수에 firstName과 공백, lastName을 더하기 합니다
• console.log를 통해 fullName을 출력해보면 John Doe를 확인할 수 있습니다

백틱과 리터럴을 활용하는 방법

ES6 이후 추가된 방식이라고 하네요. 저는 이 방법이 훨씬 가독성이 높은 것 같아서 주로 사용하고 있습니다.

let item = '사과';
let quantity = 3;

let order = `주문 내역: ${quantity}개의 ${item}`;
console.log(order); // Prints : '주문 내역: 3개의 사과'

• item에 사과, quantity에 3을 입력합니다
• order 변수에 문자열을 결합해야 하는데요
  • 백틱 ` `안에 전체 출력할 문장을 넣습니다. 백틱은 탭키 위에 있습니다.
  • 변수가 들어가야할 자리에 ${변수명}을 입력합니다
• 출력해보면 잘 결합된 것을 알 수 있어요

문자열 연결은 변수, 상수 등 다양한 문자열을 결합하는 데 사용합니다.

문자열과 숫자열을 합칠 경우 어떻게 될까요? 합친 결과는 문자열로 인식하게 된답니다.