자바스크립트에서 배열을 문자열로 변환하는 방법은 여러 가지가 있습니다. 이 글에서는 가장 일반적인 방법과 추가적인 옵션을 알아보겠습니다.
1. join() 메서드 사용하기
join() 메서드를 사용하면 배열의 모든 요소를 하나의 문자열로 합칠 수 있습니다. 이 메서드는 인자로 구분자를 받아서 구분자를 이용해 각 요소를 연결합니다.
예를 들어, 다음과 같은 배열이 있다고 가정해봅시다.
let fruits = ['사과', '바나나', '딸기'];
위 배열을 다음과 같이 문자열로 변환하고 싶다면:
let result = fruits.join(', ');
result 변수에는 “사과, 바나나, 딸기”라는 문자열이 저장될 것입니다.
2. 반복문을 사용하여 변환하기
또 다른 방법은 반복문을 사용하여 배열의 요소를 하나씩 접근하고, 문자열로 변환한 뒤 해당 문자열에 계속 추가하는 것입니다.
let fruits = ['사과', '바나나', '딸기'];
let result = '';
for (let i = 0; i < fruits.length; i++) {
result += fruits[i] + ', ';
}
// 마지막에 추가된 구분자를 제거하기 위해 `slice()` 메서드를 사용합니다.
result = result.slice(0, -2);
이렇게 하면 result 변수에도 “사과, 바나나, 딸기”라는 문자열이 저장될 것입니다.
3. 배열의 toString() 메서드 사용하기
배열 객체에는 toString() 메서드가 내장되어 있습니다. 이 메서드는 배열의 모든 요소를 문자열로 변환하여 반환합니다.
아래와 같이 사용할 수 있습니다.
let fruits = ['사과', '바나나', '딸기'];
let result = fruits.toString();
result 변수에는 “사과, 바나나, 딸기”라는 문자열이 저장됩니다.
추가적인 옵션
위에서 소개한 방법들 외에도 여러 가지 옵션을 사용하여 배열을 문자열로 변환할 수 있습니다. 예를 들어, 추가적으로 요소를 변형하거나 특정 조건에 따라 필터링할 수도 있습니다. 이런 경우에는 map() 메서드나 filter() 메서드와 같은 배열 메서드를 사용하면 됩니다.
let fruits = ['사과', '바나나', '딸기'];
// 배열의 길이를 대문자로 변환하기
let result = fruits.map(fruit => fruit.toUpperCase()).join(', ');
// '바나나'를 제외한 요소만 포함하기
let filteredResult = fruits.filter(fruit => fruit !== '바나나').join(', ');
위 예시에서는 map() 메서드를 사용해 요소를 대문자로 변환한 뒤 join() 메서드를 통해 문자열로 합치고 있고, 또 다른 예시에서는 filter() 메서드를 사용해 ‘바나나’를 제외한 요소만 필터링하고 합치고 있습니다.
이렇게 배열을 문자열로 변환하는 여러 가지 방법을 알아보았습니다. 상황에 맞게 적절한 방법을 선택하여 사용하시면 됩니다.
참고 자료: