[Javascript] 자바스크립트, 형변환(Type Casting)

형변환, Type Casting

- 대부분 상황에서는 자바스크립트가 자동으로 형변환을 한다.(암시적 형변환)

ex) "10"*2

형변환 함수

1. int parseInt()

2. float parseFloat()

코드로 보는 자바스크립트 형변환 함수 예제

console.log("10"*2 ,typeof ("10"*2));  20, number

var n1=3.14;

console.log(parseInt(n1));  3 

var n2 = 3.99;

console.log(parseInt(n2));  3 

var n3="10";

console.log(parseInt(n3),typeof parseInt(n3)); 10, number

console.log(n3,typeof n3); 10, string

var n4 = "3.14"; 

console.log(parseInt(n4), typeof parseInt(n4)); 3, number

console.log(parseFloat(n4)); 3.14

var n5="100점";

console.log(parseInt(n5));  100 100과 점을 구분해서 100만 가져감. 점>>버려짐

n5 = "100점입니다. 아 기쁘다."; 100

console.log(parseInt(n5)); 

n5 = "국어 점수 : 90점";

console.log(parseInt(n5)); NaN 숫자로 시작해야 가능함.

HTML과 CSS 조작할 때 주로 사용

var width = "200px"; // 현재박스의 크기 현재 string 타입

width=parseInt(width)*2+"px"; 

console.log(width);

boolean isNaN(values)

- isNot a Number? 숫자가 아닌가?

- 자료형은 따지지 않는다 > 자료 형변환

var a1 = 20;

console.log(isNaN(a1)); false 숫자가 아니어야 true

var a2="홍길동";

console.log(isNaN(a2)); true

var a3="20";

console.log(isNaN(a3)); false 숫자형변환해야함..

유효성 검사 기능

- 주민번호입력시 오타 발생! -> 9011a11 -> isNaN인지 판단 가능!