들어가기
자바스크립트에서 문자열 합치기는 많은 개발자들에게 친숙한 작업입니다. 문자열을 합치는 방법에는 여러가지가 있지만, 이번 글에서는 가장 일반적인 방식과 예시를 다루겠습니다.
문자열 합치기 기본
자바스크립트에서 문자열을 합치는 가장 기본적인 방법은 "+" 연산자를 이용하는 것입니다. 예를 들어, 다음과 같은 코드를 살펴보겠습니다:
const firstName = 'John';
const lastName = 'Doe';
const fullName = firstName + ' ' + lastName;
console.log(fullName); // John Doe위의 코드에서는 firstName 변수와 lastName 변수를 합쳐 fullName 변수에 저장한 후, 콘솔에 출력하였습니다. "+" 연산자를 이용하여 변수와 문자열을 합칠 수 있습니다.
문자열 합치기 중간에 변수 삽입하기
때로는 문자열 내에 변수를 삽입하여 동적인 문자열을 생성해야 할 때가 있습니다. 이를 위해서는 "+" 연산자 대신 템플릿 리터럴을 사용할 수 있습니다. 템플릿 리터럴은 백틱(백쿼트) 기호(``)로 감싸진 문자열입니다. 아래의 예시를 통해 살펴보겠습니다:
const name = 'Alice';
const age = 25;
const message = `My name is ${name} and I am ${age} years old.`;
console.log(message); // My name is Alice and I am 25 years old.위의 예제에서는 템플릿 리터럴을 사용하여 name 변수와 age 변수를 문자열에 삽입하였습니다. 이렇게 하면 변수의 값을 동적으로 문자열에 포함시킬 수 있습니다.
여러 문자열 합치기
여러 개의 문자열을 합치려면 "+" 연산자를 여러 번 사용하거나 템플릿 리터럴을 이용할 수 있습니다. 아래의 예시를 통해 비교해보겠습니다:
const str1 = 'Hello';
const str2 = 'World';
const result1 = str1 + ' ' + str2;
const result2 = `${str1} ${str2}`;
console.log(result1); // Hello World
console.log(result2); // Hello World위의 코드에서는 str1과 str2 문자열을 합치는 두 가지 방법을 보여주고 있습니다. "+" 연산자를 사용하는 방법과 템플릿 리터럴을 사용하는 방법 모두 결과는 같습니다.
숫자와 문자열 합치기
자바스크립트에서 숫자와 문자열을 합치려면 숫자를 문자열로 변환해야 합니다. 이를 위해 숫자를 문자열로 변환하는 방법 중 하나로는 toString() 메소드를 사용할 수 있습니다. 예제를 통해 살펴보겠습니다:
const num = 42;
const str = 'The answer is ' + num.toString();
console.log(str); // The answer is 42위의 코드에서는 num 값을 toString() 메소드를 사용하여 문자열로 변환한 후, 해당 문자열과 다른 문자열을 합치고 있습니다. 결과적으로 숫자와 문자열이 제대로 합쳐져 출력됩니다.
결론
이번 글에서는 자바스크립트에서 문자열을 합치기 위해 사용되는 기본적인 방법과 예시를 살펴보았습니다. "+" 연산자와 템플릿 리터럴을 사용하여 문자열을 동적으로 합칠 수 있으며, 숫자와 문자열을 합칠 때는 숫자를 문자열로 변환해야 합니다.
문자열 합치기는 자바스크립트에서 매우 자주 사용되는 작업 중 하나입니다. 다양한 예시와 코드를 통해 이해를 높여주었으며, 이제 여러분은 자유롭게 문자열 합치기를 활용할 수 있을 것입니다.