IT 성장일기
[Javascript] Javascript에서 데이터 형식 변환하기 본문
반응형
Javascript에서 데이터 형식 변환하기
자바스크립트도 데이터 형 변환을 지원합니다.
대표적으로 alert 함수는 값을 문자열의 값으로 자동 변환하고 수식 연산자는 전달받은 값을 숫자로 자동 변환합니다.
문자형으로 변환하기
alert 메서드는 매개변수로 문자형을 받기 때문에 alert 메서드가 호출될 때 괄호 안의 값은 자동으로 문자열로 변환됩니다.
또는 String() 함수를 호출해 괄호 안에 값을 전달함으로써 명시적으로 문자열 형식으로 변환할 수 있습니다.
변수에 따옴표나 큰따옴표 기호를 더하는 방식으로도 문자열로 형변환을 할 수 있습니다.
<html>
<head>
<meta charset="UTF-8">
<title>HTML에서 스크립트 실행</title>
<script src="script1.js"></script>
</head>
<body>
<h1>문자열 변환하기</h1>
</body>
<script>a()</script>
</html>function castingToString(){
let a = 1;
let b = 1+'';
let c = String(a);
alert(typeof b + "\n" + typeof c);
}
숫자형으로 변환하기
자바스크립트에서 숫자형으로의 변환은 산술 연산자를 사용할 경우 자동으로 이루어집니다.
function castingToNumeric(){
let a = '6';
let b = 2+'';
let c = a/b;
alert(a/b);
alert(typeof c);
}이때 유의해야 할 점은 자료형이 문자열이더라도 숫자의 형태여야 하고 그렇지 않은 경우는 NaN값이 반환됩니다.
예외로 true값은 1, false값은 0이 반환됩니다.
undefined 즉, 정의되지 않은 값을 변환할 경우 NaN이 반환됩니다.
논리형으로 변환하기
Boolean메서드를 호출하면 전달값을 받아 true나 false를 반환해 줍니다.
이때 숫자 0, 빈 문자열, null 등 누가 봐도 값이 비어있다고 알 수 있는 값들은 false가 반환되고 그 외의 값들은 true가 반환됩니다.
function castingToBoolean(){
let a = '6';
let b = null;
alert(Boolean(a));
alert(Boolean(b));
}
감사합니다.😊
반응형
'Script > Javascript' 카테고리의 다른 글
| [Javascript] 디스트럭처링 문법(Destructuring Assignment) 파헤치기 (0) | 2024.08.13 |
|---|---|
| [Javascript] 숫자 단위에 맞춰 쉼표, 서수 표현, 단위 이니셜 추가하기 (0) | 2023.10.12 |
| [Javascript] Javascript에서 반복문 사용하기 (0) | 2023.10.12 |
| [Javascript] HTML 문서에 Javascript 삽입하기 (0) | 2023.10.12 |
| [Javascript] 실시간으로 두 개의 input 요소의 값 비교해서 이벤트 발생시키기 (0) | 2023.10.12 |
'Script/Javascript' Related Articles
more
