자바스크립트 배열을 텍스트로 변환, 바꾸기

Last Modified : 2019-08-05 / Created : 2017-05-11

20,876
View Count

주소 복사하기

자바스크립트 배열을 텍스트로 변환, 바꾸는 방법에 대하여 알아봅니다.

여러개의 값을 가지는 배열을 하나의 텍스트로 합치는 방법이 필요할 수 있습니다. 이 경우 어떻게 해야할까요? 자바스크립트는 이때 사용 가능한 내장함수 join()을 제공합니다. join()은 배열에 적용이 가능하며 기준이 되는 문자열을 추가하여 하나의 긴 텍스트로 변환해줍니다.

# 자바스크립트 배열을 문자열로 변환하기, join()

간단하게 예를들어 알아보겠습니다. 만약 아래와 같은 배열이 있는 경우를 생각해봅니다.

var myArray = [1, 2, 3];

이 배열을 콤마를 구분자로 하는 문자열로 변환하고자 합니다. 이때 구분자로 사용되는 콤마는 배열값들을 각각 구분하기 위해서 필요할 것입니다. 이제 위 배열에 함수 join()을 사용하면 원하는 구분자로 변환된 문자타입으로 변환이 가능합니다. 그렇다면 각각 콤마, 콜롬, 세미콜론으로 구분된 값을 얻어보겠습니다.

array.join(','); // "1, 2, 3" 결과를 반환

array.join(':'); // "1: 2: 3" 결과를 반환

array.join(';'); // "1; 2; 3" 결과를 반환

이처럼 각각 콤마, 콜론, 세미콜론을 구분자로 가지는 문자열로 변환되었습니다.

! 배열 문자열로 변환하기 다른 예제

아래는 구분된 전화번호를 - 대시 기호를 사용하여 문자열로 바꾸어보도록 하겠습니다.

var telephone = [ 012, 3456, 7890];
telephone.join('-');

// 출력결과
"012-3456-7890"

# 마치면서

반대로 긴 텍스트를 특정한 구분 문자를 사용하여 배열로 만드는 것이 가능합니다. 이때는 split()함수가 사용되는데 아래 링크에서 참고하시기 바랍니다.

링크 바로가기 >
https://webisfree.com/2014-01-25/[javascript]-변수에서-특정문자-기준-자르기(나누기)-split()

join split

아래의 글도 찾고 계시지 않나요?

자바스크립트 객체를 문자열 string으로 변환하는 방법은?

자바스크립트 배열의 중간값을 삭제하는 방법