CODEDRAGON ㆍDevelopment/JavaScript, jQuery, ...
형변환
- 자동 형변환
- 명시적 형변환
var input = prompt('숫자를 입력하세요', '숫자');
자동 형변환
document.write(typeof(input) + ':' + input);
document.write('<br>');
//input에 저장된 데이터의 타입이 String이기 때문에 +연산자를 사용하면 덧셈에 대한 연산이 수행되지 않고
//문자끼리 연결되어 짐
//덧셈 연산을 수행하려면 명시적으로 형변환을 해야 함
document.write(input + 10);
document.write('<br>');
//만약에 입력한 데이터가 숫자가 아니고 문자열일 경우는 NaN(Not a Number)로 출력
document.write(input * 10); //자동형변환
document.write('<br><br>');
명시적 형변환
//문자 -> 숫자
var numberInput = Number(input);
document.write('형변환 이후 <br>');
document.write(typeof(numberInput)+ ':' + numberInput + '<br>');
document.write(numberInput + 10);
전체 소스
<html>
<head>
<meta charset="UTF-8">
<title>형변환</title>
<script type="text/javascript">
//내용 , 입력박스에 미리 보여지는 글자
var input = prompt('숫자를 입력하세요', '숫자');
document.write(typeof(input) + ':' + input);
document.write('<br>');
//input에 저장된 데이터의 타입이 String이기 때문에 +연산자를 사용하면 덧셈에 대한 연산이 수행되지 않고
//문자끼리 연결되어 짐
//덧셈 연산을 수행하려면 명시적으로 형변환을 해야 함
document.write(input + 10);
document.write('<br>');
//만약에 입력한 데이터가 숫자가 아니고 문자열일 경우는 NaN(Not a Number)로 출력
document.write(input * 10); //자동형변환
document.write('<br><br>');
//명시적 형변환
//문자 -> 숫자
var numberInput = Number(input);
document.write('형변환 이후 <br>');
document.write(typeof(numberInput)+ ':' + numberInput + '<br>');
document.write(numberInput + 10);
</script>
</head>
<body>
</body>
</html>
'Development > JavaScript, jQuery, ...' 카테고리의 다른 글
변수의 재정의 (0) | 2022.01.02 |
---|---|
변수 - 변수의 의미, 변수 선언, 변수명의 정의, 식별자를 잘못 지정한 예, 소스코드, 변수를 선언하지 않고 출력, 전체 소스 (0) | 2022.01.02 |
12.html-기본타입(null과 undefined) (0) | 2021.12.24 |
11.html-기본타입(불린(boolean)) (0) | 2021.12.24 |
10.html-기본타입(문자열) (0) | 2021.12.23 |