JavaScript에서 데이터 형변환은 데이터를 다른 형식으로 변환하는 프로세스를 나타낸다. JavaScript는 자동 형변환 또는 명시적 형변환을 통해 데이터를 처리할 수 있다. 오늘은 JavaScript에서 데이터 형변환을 수행하는 방법과 예제를 살펴보자.
1. 자동 형변환(Implicit Type Conversion)
JavaScript는 연산자 및 연산 프로세스 중에 자동 형변환을 수행한다. 이것은 JavaScript가 연산을 수행하는 동안 데이터의 의 형식을 자동으로 변환하는 것을 의미한다.
예제 코드
let number = 5;
let string = "10";
let result = number + string; // 자동 형변환: 숫자 5를 문자열 "5"로 변환 후 문자열 이어붙이기
console.log(result); // "510"
number는 숫자 5를 나타내고, string은 문자열 "10"을 나타낸다. 변수 number와 string 간에 + 연산자를 사용하면 자바스크립트에서 자동으로 형변환(coercion)이 수행된다. 숫자 5가 문자열 "5"로 자동 형변환되고, 그런 다음 두 문자열이 이어 붙어져 "510"이라는 문자열이 생성된다. 결과적으로 console.log(result)에서 "510"이 출력된다.
2. 명시적 형변환(Explicit Type Conversion)
명시적 형변환은 개발자가 데이터를 직접 다른 형식으로 변환하는 프로세스를 의미한다. JavaScript에서는 다음과 같은 방법을 사용하여 명시적 형변환을 수행할 수 있다.
parseInt()
예제 코드
let string = "42";
let number = parseInt(string);
console.log(number); // 42
string 변수는 문자열 "42"를 나타내고, parseInt() 함수를 사용하여 이 문자열을 정수로 변환한다. 변환된 결과인 숫자 42 이가 출력된다. parseInt() 함수는 문자열에서 숫자로 변환할 때 문자열을 처음부터 읽고, 숫자가 아닌 문자를 만나면 변환을 중단한다. parseInt() 함수는 문자열에서 숫자로 변환할 때 문자열을 처음부터 읽고, 숫자가 아닌 문자를 만나면 변환을 중단한다. 이것은 문자열 앞 뒤의 공백이 있으면 무시되며, 숫자로 시작하지 않는 문자가 나오기 전까지의 문자를 정수로 반환한다.
parseFloat()
예제 코드
let string = "3.14";
let number = parseFloat(string);
console.log(number); // 3.14
string 변수는 문자열 "3.14"를 나타내고, parseFloat() 함수를 사용하여 이 문자열을 부동 소수점 숫자로 변환한다. 변환된 결과인 3.14가 출력된다. parseFloat(0 함수는 문자열에서 숫자로 변환할 때, 문자열을 처음부터 읽고, 부동 소수점 표기법에 따라 숫자를 인식한다. 따라서 "3.14"와 같은 문자열은 부동 소수점 숫자로 변환되고, 출력 결과로 3.14가 나타난다.
String()
예제 코드
let number = 123;
let string = String(number);
console.log(string); // "123"
number 변수는 숫자 123을 나타내고, String() 함수를 사용하여 이 숫자를 문자열로 변환한다. 변환된 결과인 "123"이 출력된다. String() 함수를 사용하면 숫자, 불리언, 객체 등을 문자열로 변환할 수 있으며, 변환된 문자열을 변수에 저장하거나 출력할 수 있다.
Number()
예제 코드
let string = "42";
let number = Number(string);
console.log(number); // 42
string 변수는 문자열 "42"를 나타내고, Number() 함수를 사용하여 이 문자열을 숫자로 변환한다. 변환된 결과인 숫자 42가 출력된다. Number() 함수는 문자열에서 숫자로 변환할 때, 문자열을 숫자로 인식하며, 숫자로 시작하는 부분을 숫자로 변환한다. 만약 문자열이 숫자로 시작하지 않거나 숫자가 아닌 문자가 포함되어 있으면 Number() 함수는 NaN(Not-a-Number)을 반환할 수 있다.
Boolean()
예제 코드
let number = 0;
let boolean = Boolean(number);
console.log(boolean); // false
number 변수는 숫자 0을 나타내고, Boolean() 함수를 사용하여 이 숫자를 부울 값으로 변환한다. 숫자 0은 거짓(false)을 나타내는 값으로 변환된다. 따라서 console.log(boolean)에서 false가 출력된다. 자바스크립트에서 숫자 0은 거짓을 나타내는 부울 값으로 간주되며, 다른 숫자는 참(true)을 나타내는 부울 값으로 간주된다.
읽어주셔서 감사합니다.