자바스크립트 join() 함수로 문자열을 합치는 방법

 

 

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

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

 

 

 

728x90

join() 함수란?

 

자바스크립트의 join() 메서드는 배열의 모든 요소를 연결하여 하나의 문자열을 생성합니다. 이 메서드는 원본 배열은 변경하지 않으며, 결과로 새로운 문자열을 반환합니다.

 

 

 

join() 함수의 사용법

 

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

 

array.join(separator)

array: 합칠 요소들이 들어있는 배열입니다.
separator: 선택적 매개변수로, 배열 요소들 사이에 넣을 구분자입니다. 기본값은 쉼표(,)입니다.

 

 

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

 

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

let words = ["Hello", "World"];
let result = words.join(" ");

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

위 코드에서 우리는 " "(공백)을 구분자로 설정하고, 단어가 담긴 배열인 words를 결합하여 "Hello World"라는 결과값을 얻었습니다.

 

 

 

 

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

 

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

let firstName = "John";
let lastName = "Doe";
let age = 30;
let introductionParts = ["Hi! I'm", firstName, lastName, "and I'm", age.toString(), "years old."];
let introduction = introductionParts.join(" ");

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

위 코드에서 우리는 .join() 메서드를 통해 여러 개의 변수와 리터럴들이 포함된 배열(introductionParts)을 결합하였습니다.

 

 

 

 

다양한 구분자 활용하기

 

join() 메서드의 매개변수로 다양한 문자열을 넣어 다양한 결과를 얻을 수 있습니다:

let fruits = ["apple", "banana", "orange"];
let result = fruits.join(", ");

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

위 코드에서 우리는 .join() 메서드를 통해 배열 요소들을 쉼표와 공백(", ")으로 결합하였습니다.

 

 

 

 

마무리

 

자바스크립트의 .join() 메서드를 활용하면 배열의 요소들을 간편하게 하나의 문자열로 합칠 수 있습니다. 구분자를 변경함으로써 다양한 형태의 문자열을 생성할 수 있으니 필요에 따라 적절히 활용해 보세요!

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

Happy coding! 😊

이상으로 자바스크립트에서 join() 함수를 이용하여 문자열 합치기 예제와 활용 방법에 대해 알아보았습니다.