JavaScript에서 toSource() 메서드는 배열의 소스 코드를 나타내는 문자열을 반환합니다. 쉽게 말해, 배열을 배열 리터럴 형태의 문자열로 변환해 주는 메서드입니다.
다만 이 메서드는 ECMAScript 표준이 아니며 Mozilla(Firefox)에서만 지원된다는 점에 유의해야 합니다. 따라서 Chrome, Safari, Edge 등 다른 브라우저까지 고려하는 웹 개발 환경에서는 사용을 피하고, 대신 JSON.stringify()와 같은 표준 메서드를 활용하는 것이 좋습니다.
toSource() 메서드의 반환 값
배열에 toSource()를 호출하면 다음과 같은 형식의 문자열이 반환됩니다.
["football", "baseball", "volleyball", "cricket"]
예제
아래 코드를 직접 실행해 보면 JavaScript 배열의 소스 코드가 어떻게 표현되는지 확인할 수 있습니다.
<html>
<head>
<title>JavaScript Array toSource Method</title>
</head>
<body>
<script>
var arr = new Array("football", "baseball", "volleyball", "cricket");
var str = arr.toSource();
document.write("Returned string is : " + str );
</script>
</body>
</html>
실행 결과
Returned string is : ["football", "baseball", "volleyball", "cricket"]
정리 및 참고 사항
toSource()는 디버깅 목적으로 유용할 수 있지만, 비표준 메서드이기 때문에 실무에서는 호환성 문제가 발생할 수 있습니다. 배열을 문자열로 변환해야 하는 경우라면 아래와 같은 표준적인 대안을 사용하는 것을 권장합니다.
- JSON.stringify(arr) – 모든 최신 브라우저에서 지원되며, JSON 형식의 문자열로 변환합니다.
- arr.join(", ") – 구분자를 지정해 배열 요소를 하나의 문자열로 연결합니다.