JAVASCRIPT STEP 5 - Casting

★ 형변환, Casting 

• 1. number parseInt(value)
• 정수형으로 형변환 하여주는 함수
• parseInt는 소수점 이하를 절삭한다.

 var n1 = 3.14;
console.log(parseInt(n1));

n1= 3.99;
console.log(parseInt(n1));

var n2 = '300';
console.log(parseInt(n2)); // number
console.log(n2); // String

• 2. number parseFloat(value)
• float 형식으로 형변환 하여주는 함수

var n3 = 100;
console.log(parseFloat(n3));

var n4 = '3.14'
console.log(parseFloat(n4));

• 숫자+문자열
• 처음부터 숫자가 나오면 가능하지만, 문자가 처음이면 불가능하다.
• 연속된 숫자만 유효하고, 문자가 나오면 앞의 숫자만 유효하게 받아들임.

var n5 = '100점';
console.log(parseInt(n5)); //100

var n6 = '점수100';
console.log(parseInt(n6)); //NaN

var n7 = '100점이 아니라 50점입니다.'
console.log(parseInt(n7));

• JavaScript > CSS 조작

 //JavaScript > CSS 조작
var width = '200px';

console.log(width + 100); //200px100
console.log(parseInt(width)+100); //300

 

★ Boolean is NaN(value)

• is not a numer?
• value가 숫자가 아닙니까?
• 자료형 검사(X), 데이터 형식만 검사(O)

//사용자 입력 <input type="text> : 나이 입력
var age = '20';

if(isNaN(age)) {
    // console.log(1);
    console.log('나이가 올바르지 않습니다.')
}else {
    // console.log(2);
    console.log('올바른 나이 입력~')
}