자바스크립트 concat() 함수로 문자열 합치기 예제

 

 

자바스크립트 concat() 함수 문자열 합치기 예제

자바스크립트에서 concat() 함수를 사용하여 문자열을 합치는 방법에 대해 알아보겠습니다.

 

 

 

 

728x90

 

 

concat() 함수란?

 

자바스크립트의 concat() 메서드는 두 개 이상의 문자열을 연결하여 새로운 문자열을 생성합니다. 이 메서드는 원본 문자열은 변경하지 않으며, 결과로 새로운 문자열을 반환합니다.

 

 

 

concat() 함수의 사용법

 

concat() 메서드는 다음과 같은 형식으로 사용됩니다:

 

str1.concat(str2, str3, ..., strN)

str1: 첫 번째로 연결할 문자열입니다.
str2, str3, ..., strN: 추가적으로 연결할 하나 이상의 문자열들입니다.

 

 

 

예제 : 간단한 문자열 결합하기

 

다음은 concat() 함수의 가장 기본적인 형태의 예제입니다:

let hello = "Hello";
let world = "World";
let result = hello.concat(" ", world);

console.log(result); // 출력: Hello World

위 코드에서 우리는 " "(공백)과 함께 hello와 world를 결합하여 "Hello World"라는 결과값을 얻었습니다.

 

 

 

 

여러 변수와 리터럴 함께 사용하기

 

여러 개의 변수와 리터럴들도 함께 섞어서 사용할 수 있습니다:

let firstName = "John";
let lastName = "Doe";
let age = 30;
let introduction = "Hi! I'm ".concat(firstName, " ", lastName, " and I'm ", age, " years old.");

console.log(introduction);
// 출력: Hi! I'm John Doe and I'm 30 years old.

위 코드에서 우리는 .concat() 메서드를 통해 여러 개의 변수와 리터럴들을 결합하였습니다.

 

 

 

 

 

배열 요소 합치기

 

concat() 메서드를 배열에도 활용할 수 있습니다. 배열 요소들을 합쳐 하나의 문자열로 만들고 싶다면 다음과 같이 작성할 수 있습니다:

let fruits = ["apple", "banana", "orange"];
let result = fruits.concat(", ", ["grape", "melon"]);

console.log(result);
// 출력: apple, banana, orange, grape, melon

위 코드에서 우리는 .concat() 메서드를 통해 배열 요소들과 추가적인 요소(", " 및 ["grape", "melon"])를 결합하였습니다.

 

 

 

 

마무리

 

자바스크립트의 .concat() 메서드를 활용하면 두 개 이상의 문자열이나 배열 요소들을 간편하게 합칠 수 있습니다. 위 예제들 외에도 다양한 상황에서 유용하게 활용될 수 있으니 필요한 경우 참고해 보세요!

더 많은 예시와 실전 활용 사례들은 공식 문서나 참고 자료들에서 확인하실 수 있으니 궁금한 점이 있다면 찾아보세요!

Happy coding! 😊