JavaScript - 문자열 합치기, 연결하기(concat, join, +)

Javascriptstring

자바스크립트에서 두개 이상의 문자열을 하나로 합치는 방법을 소개합니다.

1. + 연산자로 문자열 연결

다음과 같이 + 연산자로 여러 문자열들을 하나로 연결할 수 있습니다.

const name = 'John';
const age = 25;

const str = 'My name is ' + name + ' and I am ' + age;
console.log(str);

Output:

My name is John and I am 25

2. concat()으로 문자열 연결

String의 str1.concat(str2, str3, ..., strN)를 이용하여 여러 문자열을 하나로 합칠 수 있습니다. 인자로 N개의 문자열을 전달할 수 있으며 순차적으로 문자열이 연결됩니다.

const name = 'John';
const age = 25;

const str = 'My name is '.concat(name, ' and I am ', age);
console.log(str);

Output:

My name is John and I am 25

또한 concat()은 문자열 뿐만 아니라, Boolean이나 Number 등, 다른 타입의 객체도 인자로 전달할 수 있으며 아래와 같이 문자열로 변환되어 연결됩니다.

let str = 'AA'.concat('String: ', 'John', ', Null: ', null, ', Number: ', 123, ', Boolean: ', true);
console.log(str);

Output:

AAString: John, Null: null, Number: 123, Boolean: true

3. join()으로 문자열 연결

배열의 join()으로, 배열 내에 있는 문자열들을 하나로 합칠 수 있습니다. join()의 인자로 separator(구분자)를 넘겨주면 문자열들을 연결할 때, 이 문자열이 추가됩니다.

console.log(['Hello', 'World', 'JavaScript'].join(''));

console.log(['Hello', 'World', 'JavaScript'].join(' '));

console.log(['Hello', 'World', 'JavaScript'].join(' + '));

Output:

HelloWorldJavaScript
Hello World JavaScript
Hello + World + JavaScript

4. Template Literals(String)으로 문자열 조합

ES6의 템플릿 리터럴을 이용하여 문자열을 조합할 수 있습니다. 템플릿 리터럴은 Backtick(`)으로 감싸진 문자열(템플릿) 에 ${variable} 형식으로 문자열을 조합하는 방법입니다.

const name = 'John';
const age = 25;

const str = `My name is ${name} and I am ${age}`;
console.log(str);

Output:

My name is John and I am 25
Loading script...

Related Posts

codechachaCopyright ©2019 codechacha