배열의 모든 요소들을 하나의 문자열로 변환하는 방법에 대해서 알아보겠습니다.

배열의 내용을 화면에 출력하거나 저장할 때, 문자열 변환이 필요할 때가 있습니다.

1. join()을 이용한 방법

array.join(str)은 배열 array의 모든 요소를 하나의 문자열로 합치며, 각 요소 사이에 str이 추가됩니다.

아래 예제는 요소들이 쉼표나 공백으로 구분된 문자열을 만듭니다.

let fruits = ["사과", "바나나", "딸기"];
let result = fruits.join(", "); // 요소들을 쉼표로 구분된 문자열 만들기
console.log(result);

result = fruits.join(" "); // 요소들을 공백으로 구분된 문자열 만들기
console.log(result);

Output:

사과, 바나나, 딸기
사과 바나나 딸기

2. toString()을 이용한 방법

array.toString()은 배열의 요소를 문자열로 변환하며, 각 요소는 쉼표로 구분됩니다. join()으로 만든 문자열과 다르게, toString()의 경우 쉼표와 다음 요소 사이에 스페이스는 없습니다.

let fruits = ["사과", "바나나", "딸기"];
let result = fruits.toString();
console.log(result);

Output:

사과,바나나,딸기

3. JSON.stringify()를 이용한 방법

JSON.stringify(array)는 배열을 JSON의 문자열로 변환합니다. 각각의 요소는 쉼표로 구분되어있고, 시작과 끝에 [ ]가 추가됩니다.

let fruits = ["사과", "바나나", "딸기"];
let result = JSON.stringify(fruits);
console.log(result);

Output:

["사과","바나나","딸기"]

JSON으로 만드는 것은 배열을 바로 출력하는 것과 비슷할 수 있습니다. 단순히 출력만 한다면 배열을 직접 출력할 수 있고, string 타입 객체로 변환이 필요하다면 위의 방법들을 사용해야 합니다.

let fruits = ["사과", "바나나", "딸기"];
console.log(fruits);

Output:

[ '사과', '바나나', '딸기' ]