어제 오늘 내일

[Javascript] 배열을 문자열로 변환하기 본문

IT/Javascript

[Javascript] 배열을 문자열로 변환하기

hi.anna 2020. 11. 29. 23:02

 

  1. join() 함수 사용하기
  2. toString() 함수 사용하기

 

1. join() 함수 사용하기

arr.join(separator)

join() 함수는 배열의 모든 값들을 연결한 문자열을 리턴합니다.

이때 각각의 값들 사이에는 파라미터로 입력된 구분자(separator)가 들어가게 됩니다.

만약, separator를 입력하지 않은 경우, default로 ','가 들어갑니다.

 

const arr = ['Apple', 'Banana', 'Orange'];

// "Apple,Banana,Orange"
const str1 = arr.join();
// "Apple-Banana-Orange"
const str2 = arr.join('-');
// "AppleBananaOrange"
const str3 = arr.join('');

document.write('str1 : ' + str1 + '<br>');
document.write('str2 : ' + str2 + '<br>');
document.write('str3 : ' + str3 + '<br>');

 

 

const str1 = arr.join();

파라미터로 값이 아무것도 전달되지 않으면,

배열의 각 값들은 ','를 구분자로 하여 연결됩니다.

 

const str2 = arr.join('-');

파라미터로 '-'가 전달되었기 때문에, 

'-'로 연결된 문자열이 리턴되었습니다.

 

const str3 = arr.join('');

파라미터로 비어있는 문자열이 전달되었고,

배열의 각 값들을 구분자 없이 연결한 문자열이 리턴되었습니다.

 

 

 

2. toString() 함수 사용하기

배열의 toString() 함수는 배열을 표현하는 문자열을 리턴합니다.

 

const arr = ['Apple', 'Banana', 'Orange'];

document.write('arr.toString() : ' + arr.toString() + '<br>');
document.write('arr : ' + arr + '<br>');

 

arr.toString()

배열의 toString() 함수는 배열의 값들을 ','로 연결한 문자열을 리턴합니다.

 

arr

배열을 출력할 경우 자동으로 toString() 함수가 불려지고,

toString()을 호출했을 때와 같은 결과가 출력됩니다.

 

 


 

배열을 문자열로 변환하는 방법을 알아보았습니다.

 

 

반응형
Comments