자바스크립트 변수의 데이터 타입 변환

09 Sep 2023

javascript

자바스크립트는 동적으로 타입이 결정되는 언어로, 변수의 데이터 타입 변환이 자주 발생합니다. 이러한 변환은 변수를 다른 데이터 타입으로 변환하거나, 데이터를 다른 형식으로 표현하고자 할 때 필요합니다. 이번 글에서는 자바스크립트 변수의 데이터 타입 변환에 대해 알아보겠습니다.

1. 숫자 ↔ 문자열 변환

1.1. 숫자를 문자열로 변환

숫자를 문자열로 변환하려면, toString() 메서드를 사용하거나, 숫자와 빈 문자열을 더해줍니다.

let num = 10;
let str1 = num.toString();
let str2 = num + "";

console.log(typeof str1);  // "string"
console.log(typeof str2);  // "string"

1.2. 문자열을 숫자로 변환

문자열을 숫자로 변환하려면, parseInt() 함수나 parseFloat() 함수를 사용합니다.

let str = "10";
let num1 = parseInt(str);
let num2 = parseFloat(str);

console.log(typeof num1);  // "number"
console.log(typeof num2);  // "number"

2. 논리형 변환

2.1. 논리값을 숫자로 변환

true를 1로, false를 0으로 변환하려면, 간단히 숫자로 형변환을 수행하면 됩니다.

let bool1 = true;
let bool2 = false;

let num1 = Number(bool1);
let num2 = Number(bool2);

console.log(num1);  // 1
console.log(num2);  // 0

2.2. 숫자를 논리값으로 변환

숫자를 논리값으로 변환하려면, Boolean() 함수를 사용합니다. 0을 제외한 모든 숫자는 true로 변환되며, 0은 false로 변환됩니다.

let num1 = 10;
let num2 = 0;

let bool1 = Boolean(num1);
let bool2 = Boolean(num2);

console.log(bool1);  // true
console.log(bool2);  // false

3. 문자열 ↔ 배열 변환

3.1. 문자열을 배열로 변환

문자열을 배열로 변환하려면, split() 메서드를 사용하여 구분자를 기준으로 문자열을 분할합니다.

let str = "Hello, World!";
let arr = str.split(", ");

console.log(arr);  // ["Hello", "World!"]

3.2. 배열을 문자열로 변환

배열을 문자열로 변환하려면, join() 메서드를 사용하여 배열의 요소들을 연결합니다.

let arr = ["Hello", "World!"];
let str = arr.join(", ");

console.log(str);  // "Hello, World!"

위에서 소개한 것은 자바스크립트 변수의 데이터 타입 변환 중 일부에 불과합니다. 변환을 할 때에는 예상치 못한 결과가 발생할 수 있으니, 신중하게 사용해야 합니다. 각 경우마다 적합한 방법을 선택하여 데이터 타입을 변환할 수 있습니다.