자바스크립트 함수 join() 배열을 문자열로 바꾸기

"join()" 함수는 JavaScript에서 배열 데이터를 문자열로 변환하는 메서드입니다. "join()" 함수를 사용하면 배열의 요소를 문자열로 결합할 수 있으며, 사용자가 원하는 구분자를 지정할 수 있습니다. 이것은 배열 요소를 문자열로 변환하여 웹 페이지에서 표시하거나 데이터를 전송할 때 유용합니다.

 

 

 

◎ 구문

 

array.join(separator)

l  “array”: 문자열로 변환하려는 배열.

l  “separator” (선택적): 배열 요소 사이에 삽입할 문자열. 이 문자열을 기준으로 배열의 요소가 연결됩니다. 만약 생략하면 배열 요소는 쉼표로 연결됩니다.

 

 

◎ 1. 기본 사용 예제

 

“join()” 함수에 별도의 인수 없이 사용하면, 배열 요소 사이에 쉼표가 삽입됩니다.

 

const fruits = ["사과", "바나나", "체리"];
const result = fruits.join();
 
console.log(result);

[출력]
"사과,바나나,체리"

 

 

◎ 2. 사용자 지정 구분자 사용

 

“join(" - ")”과 같이 사용자 지정 구분자를 제공하면, 배열 요소 사이에 사용자가 정의한 구분자가 삽입됩니다.

 

const colors = ["빨강", "노랑", "파랑"];
const result = colors.join(" - ");
 
console.log(result);
 
[출력]
"빨강 - 노랑 - 파랑"

 

 

◎ 3. 빈 문자열로 연결

 

“join("")”과 같이 빈 문자열을 사용하면, 배열 요소가 연결될 때 아무런 구분자를 적용하지 않습니다.

 

const animals = ["강아지", "고양이", "햄스터"];
const result = animals.join("");
 
console.log(result);
 
[출력]
"강아지고양이햄스터"

 

 

◎ 4. 배열이 빈 경우

 

빈 배열에 “join()” 함수를 사용하면 빈 문자열을 반환합니다.

 

const emptyArray = [];
const result = emptyArray.join();
 
console.log(result);
 
[출력]
""