달력

3

« 2020/3 »

  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  

형변환

자동 형변환

명시적 형변환

   

   

var input = prompt('숫자를 입력하세요', '숫자');

   

출처: <https://github.com/10zeroone/study_javascript/blob/master/WebContent/ch01-variable/09.html>

   

   

   

   

   

자동 형변환

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>');

   

출처: <https://github.com/10zeroone/study_javascript/blob/master/WebContent/ch01-variable/09.html>

   

   

   

명시적 형변환

//문자 -> 숫자

var numberInput = Number(input);

document.write('형변환 이후 <br>');

document.write(typeof(numberInput)+ ':' + numberInput + '<br>');

document.write(numberInput + 10);        

   

출처: <https://github.com/10zeroone/study_javascript/blob/master/WebContent/ch01-variable/09.html>

   

   

전체 소스

<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>

   

출처: <https://github.com/10zeroone/study_javascript/blob/master/WebContent/ch01-variable/09.html>

   

'Development > JavaScript, jQuery, ...' 카테고리의 다른 글

변수의 재정의  (0) 2014.05.30
변수  (0) 2014.05.30
형변환  (0) 2014.05.30
12.html-기본타입(null과 undefined)  (0) 2014.05.28
11.html-기본타입(불린(boolean))  (0) 2014.05.28
10.html-기본타입(문자열)  (0) 2014.05.28
Posted by codedragon codedragon

댓글을 달아 주세요