[JavaScript] 배열을 문자열로 변환하는 두 가지 방법

 

배열을 문자열로 변환하기

 

1.  join() 메서드를 사용하면 배열을 다시 문자열로 만들 수 있습니다.

자바스크립트의 join() 메서드는 배열의 모든 요소를 문자열로 결합하여 하나의 문자열로 반환합니다.

각 요소는 지정된 구분자로 연결됩니다.

join() 메서드는 원래 배열은 변경되지 않고 새 문자열을 반환합니다.

array.join(separator);

• separator(선택): 배열 요소를 결합할 때 사용할 구분자입니다.
  이 값을 지정하지 않으면 기본 구분자인 쉼표(", ")가 사용됩니다.
  (기본 구분자는 쉼표(", ")이지만, 원하는 구분자를 지정할 수 있습니다.

구분자를 지정하지 않은 경우

const arr = ["apple", "banana", "orange"];
const str = arr.join();
console.log(str); // "apple,banana,orange"
console.log(typeof str); // string

 

구분자 지정

const arr = ["apple", "banana", "orange"];
const str = arr.join(",");
console.log(str); // "apple,banana,orange"

 

구분자를 공백으로 지정

const arr = ["apple", "banana", "orange"];
const str = arr.join(" ");
console.log(str); // "apple banana orange"

 

구분자로 빈 문자열 사용

const arr = ["apple", "banana", "orange"];
const str = arr.join("");
console.log(str); // "applebananaorange"

 

구분자로 "-" 사용

const arr = ["apple", "banana", "orange"];
const str = arr.join("-");
console.log(str); // "apple-banana-orange"

 

 

 

2. 배열을 문자열로 변환하는 또 다른 방법으로 toString() 메서드를 사용할 수 있습니다.

join()과 달리 구분자를 지정할 수 없으며, toString() 메서드는 항상 쉼표(", ")가 구분자로 사용됩니다.

원래 배열은 변경되지 않고 새 문자열을 반환합니다.

const arr = ["apple", "banana", "orange"];
const str = arr.toString();
console.log(str); // "apple,banana,orange"

 

중첩 배열 사용

const arr = ["apple", ["banana", "orange"], "mango"];
const str = arr.toString();
console.log(str) // "apple,banana,orange,mango"

중첩 배열의 요소도 쉼표로 구분되어 하나의 문자열로 변환됩니다.