자바스크립트에서의 객체와 문자열 간의 묵시적 형 변환 처리 방법

08 Nov 2023

자바스크립트에서는 동적 타입 언어로, 변수의 타입이 자동으로 결정되기 때문에 형 변환이 자주 발생합니다. 특히 객체와 문자열 간의 형 변환은 많이 사용되는데, 이러한 형 변환은 값의 타입에 따라 자동으로 처리되기도 합니다.

1. 객체를 문자열로 변환하기

자바스크립트에서 객체를 문자열로 변환하는 가장 간단한 방법은 객체를 toString() 메소드를 호출하는 것입니다. toString() 메소드는 모든 객체에 존재하며, 객체를 문자열로 변환하여 반환합니다.

let obj = { name: "John", age: 30 };
let objStr = obj.toString();
console.log(objStr); // "[object Object]"

하지만 이 방법은 객체의 속성을 제대로 포함하지 않기 때문에 실제로는 잘 사용되지 않습니다.

자바스크립트에서 문자열을 객체로 변환하는 방법 중 하나는 JSON.parse() 함수를 사용하는 것입니다. 이 함수는 JSON 형식의 문자열을 객체로 변환해줍니다.

let jsonStr = '{"name":"John","age":30}';
let obj = JSON.parse(jsonStr);
console.log(obj.name); // "John"
console.log(obj.age); // 30

위와 같이 JSON 형식의 문자열을 JSON.parse() 함수에 인수로 전달하여 객체로 변환할 수 있습니다.

자바스크립트에서 객체와 문자열 간의 묵시적 형 변환이 발생할 때 주의해야 할 몇 가지 사항이 있습니다.

객체를 문자열과 비교할 때는 객체의 toString() 메소드가 호출되어 문자열로 변환된 후 비교가 이루어집니다.
문자열을 숫자로 변환할 때, parseInt() 함수를 사용하면 문자열을 정수로 변환할 수 있습니다. 만일 숫자로 변환한 결과가 NaN(Not a Number)이라면 문자열에 숫자 이외의 문자가 포함되어있는 것입니다.

let num = parseInt("123");
console.log(num); // 123

let NaNNumber = parseInt("Hello");
console.log(NaNNumber); // NaN

객체와 문자열이 연결 연산자(+)로 연결될 때, 객체는 문자열로 변환됩니다. 이때, 객체의 toString() 메소드가 호출되며, 문자열로 변환된 뒤 연결됩니다.

let obj = { name: "John" };
let str = "My name is " + obj;
console.log(str); // "My name is [object Object]"

자바스크립트에서의 객체와 문자열 간의 묵시적 형 변환 처리 방법을 알아보았습니다. 이를 이용하여 자바스크립트 프로그램을 작성할 때 객체와 문자열을 적절하게 형 변환하여 사용하면 더욱 효율적인 코드를 작성할 수 있습니다.

#참고 자료