자바스크립트는 동적 타입 언어로, 변수에 저장된 값의 타입에 따라 자동으로 형 변환이 이루어집니다. 특히, 문자열과 숫자 간의 형 변환은 매우 중요한 부분입니다. 이번 포스트에서는 자바스크립트에서의 문자열과 숫자 간 묵시적 형 변환의 원칙에 대해 분석해보겠습니다.
1. 문자열과 숫자의 덧셈 연산
자바스크립트에서는 문자열과 숫자를 덧셈 연산자 +로 연결할 수 있습니다. 이때, 덧셈 연산의 결과는 항상 문자열입니다. 예를 들어,
var str = "Hello";
var num = 123;
var result = str + num;
console.log(result); // "Hello123"
위 예제에서 str 변수에는 문자열 “Hello”가 저장되어 있고, num 변수에는 숫자 123이 저장되어 있습니다. result 변수에는 str과 num을 + 연산자로 연결한 결과인 “Hello123”이 저장됩니다.
2. 숫자로 해석이 가능한 문자열의 덧셈 연산
묵시적 형 변환은 숫자로 해석이 가능한 문자열과 숫자 간에도 발생합니다. 숫자로 해석이 가능한 문자열은 숫자로 변환된 후 덧셈 연산이 수행됩니다. 예를 들어,
var str = "10";
var num = 5;
var result = str + num;
console.log(result); // "105"
위 예제에서 str 변수에는 문자열 “10”이 저장되어 있고, num 변수에는 숫자 5가 저장되어 있습니다. str은 숫자로 해석이 가능한 문자열이므로 숫자 10으로 변환되고, 이후 + 연산자로 덧셈이 수행되어 “105”라는 결과가 나옵니다.
3. 문자열로 해석이 불가능한 문자열과 숫자의 덧셈 연산
하지만, 숫자로 해석이 불가능한 문자열과 숫자 간의 덧셈 연산은 예상과 다른 결과를 얻을 수 있습니다. 예를 들어,
var str = "Hello";
var num = 123;
var result = str + num;
console.log(result); // "Hello123"
위 예제에서 str 변수에는 문자열 “Hello”가 저장되어 있고, num 변수에는 숫자 123이 저장되어 있습니다. 하지만 str은 숫자로 해석이 불가능한 문자열이므로, + 연산자는 문자열 연결 연산으로 처리됩니다. 결과적으로 “Hello123”이라는 문자열이 나옵니다.
결론
자바스크립트에서의 문자열과 숫자 간의 묵시적 형 변환 원칙을 분석해보았습니다. 문자열과 숫자를 + 연산자로 덧셈 연산할 때, 우리가 예상한 결과와 다른 결과를 얻을 수 있는 경우도 있습니다. 따라서, 이러한 형 변환 원칙을 이해하고 적절한 연산을 수행해야 원하는 결과를 얻을 수 있습니다.
참고 문서
#javascript #묵시적형변환