본문 바로가기

JavaScript

JavaScript 유형 변환 이해하기

반응형

문자열을 숫자로 바꾸기

Number() 전역 함수를 사용하면 변수나 값이 숫자로 변환됩니다.
예를 들어, "3.14"는 3.14로, ""는 0으로 변환됩니다.
만약 숫자로 변환할 수 없는 문자열이라면, NaN(숫자 아님)이 됩니다.

예시

변환 가능: Number("3.14"), Number(Math.PI), Number(" "), Number("")
변환 불가능: Number("99 88"), Number("John")

문자열을 숫자로 바꾸는 여러 방법

Number(): 문자열을 숫자로 변환
parseFloat(): 문자열을 부동소수점 숫자로 변환
parseInt(): 문자열을 정수로 변환
단항 + 연산자로도 변수를 숫자로 변환할 수 있습니다.

숫자를 문자열로 바꾸기

String() 함수나 toString() 메서드로 숫자를 문자열로 변환할 수 있습니다.

추가 방법

toExponential(): 지수 표기법을 사용한 문자열 반환
toFixed(): 지정된 소수점 자리로 반올림한 문자열 반환
toPrecision(): 지정된 길이로 표기된 문자열 반환

날짜를 숫자와 문자열로 바꾸기

Number()로 날짜를 숫자로 변환
String()이나 toString()으로 날짜를 문자열로 변환

날짜 관련 메서드

날짜, 요일, 연도, 시간 등을 얻을 수 있는 다양한 메서드가 있습니다.

부울을 숫자와 문자열로 바꾸기

Number(false)는 0, Number(true)는 1로 변환
String()이나 toString()을 사용하면 "false", "true"로 변환

자동 형 변환

자바스크립트는 특정 연산을 할 때 자동으로 적절한 데이터 타입으로 변환합니다.
예: "5" + 2는 "52", "5" - 2는 3이 됩니다. 이렇게 다양하게 변하기 때문에 함수를 이용해 형 변환을 한 뒤 사용하도록 한다.

자동 문자열 변환

toString()은 객체나 변수를 출력할 때 자동으로 호출됩니다.
예: 객체는 "[object Object]", 배열은 "1,2,3,4" 등으로 변환됩니다.
숫자와 불리언도 변환되지만 눈에 잘 띄지 않을 수 있습니다.

반응형

'JavaScript' 카테고리의 다른 글

JavaScript 오류 처리  (0) 2023.08.23
JavaScript 정규 표현식  (0) 2023.08.22
JavaScript typeof() 알아보기  (0) 2023.08.22
JavaScript 배열, set, map에서의 forEach 사용법  (0) 2023.08.22
JavaScript Essential Map Methods  (0) 2023.08.22