형변환 : 숫자를 문자로 문자를 숫자로 바꾸는 것
예를 들어서 입력받은 값을 숫자로 바꿔서 연산해보자
1 2 3 | var num = window.prompt("값을입력해주세요"); num = parseInt(num)+10; alert("결과 값은? "+num); | cs |
prompt() 를 사용해서 입력값을 받을수 있다.
var 변수 = window.prompt("인풋박스에 출력할 메시지", "기본 입력 값");
형변환의 종류
▶ 암시적형변환
- 자바스크립트에 의해 자동으로 형변환이 일어나는것
document.writs("result="+result);
ex) num = 10 + "10";
숫자 + 문자 인경우 자바스크립트에서 그냥 숫자로 형변환을 해버린다.
숫자형 + 문자형 = 문자형 var a=10+"10" //a=1010
불린형 +문자형 = 문자형 var a=true+"10" //a= true10
불린형 + 숫자형 = 숫자형 var a=true+10 //a=11
불린형과 숫자형을 연산하면 true 값을 1로 자동변환 하게 된다.
▶명시적 형변환
- 암시적과 반대의 개념으로 개발자가 직접 어떻게 바꿀것인지 명시해 주는 것이다.
a_ 문자를 숫자로 형변환 하기
정수형
parseInt() ~~~~~~~~~~~
var value="123.456";
parseInt(value); //실행결과:123
Number() ~~~~~~~~~~~~~
var value="123";
Number(value); //실행결과:123
실수형
parseFlat() ~~~~~~~~~~~
var value="123.456";
parseFlat(value); //실행결과:123.456
Number() ~~~~~~~~~~~~~
var value="123";
Number(value); //실행결과:123.456
b_숫자를 문자로 형변환 하기
일반 문자 형
String() ~~~~~~~~~~
var value=15;
String(value); // 실행결과:"15"
16진수 문자 형
Number.toString() ~~~~~~~~~~~~~~~
var value=15;
value.toString(16) //실행결과:"f";
이 기능은 스타일 속성 중 글자색이나 배경색 등과 같은 색속성을 변경할때 주로 사용한다.
실수 문자 형
var value=123.456;
Number.toFixed(2); //실행결과:123.46; //반올림 발생
문자를 숫자로 형변환
var result = parseInt("문자열숫자");
var result = parseFloat("문자열숫자");
var result = Number("문자열숫자");
숫자를 문자로 형변환하는 방법
var result=숫자.toString();
var result=숫자.toFixed();
var result=숫자.String(숫자);
'javaScript > J Query & 스크립트' 카테고리의 다른 글
제이쿼리 기초 사용법 (0) | 2019.02.13 |
---|---|
제이쿼리를 이용한 노드찾기 (0) | 2019.02.08 |
JavaScript :: 접근연산자 Access Property (0) | 2019.01.22 |
자바스크립트 클래스 (0) | 2019.01.21 |
ie8에서도 시맨틱 태그 사용하기 (0) | 2019.01.20 |
댓글