문자열에서 유효수치를 추출한다.
parseFloat(jsString)
선택적인 인수로 기능함수의 인수(argument)로 주어진 코드로 검정의 대상이 된다.
jsString은 선택적이기는 하지만, 없으면 값 NaN을 반환한다.
parseFloat() 기능함수는 문자열에서 먼저 수치 문자의 갯수를 얻어내고,
첫번째 문자가 수치인가를 점검하여, 처음부터 수치 문자 수 만큼 파싱(parse)한다. 수치 문자수 이상은 무시한다.
끝으로 문자열 부분을 제외하고 유효한 수치 만을 반환한다(return).
유효수치는 0~9와 먼저 나오는 소수점(.) 한개이다.
첫문자가 수치가 아니면 유효수치가 아닌 첫문자부터 문자들을 모두 무시하고 NaN을 반환한다.
첫문자가 판정되면 한 문자씩 우측으로 판정해 가는데, 문자열 중에 수치가 아닌 문자를 만나면 그 뒤에 어떤 문자들이 나오거나 관계없이 버리고 맨 먼저 얻어진 수치만을 반환한다.(소수점은 한개만 유효수치이고 다음에 나오는 소수점부터는 버린다.)
반환되는 값은 수치들의 문자열이 아니고 유효수치이다.
첫 문자가 수치가 아니거나 빈칸이 맨 먼저 나오는 문자열(빈칸도 수치가 아니므로)도 값 NaN을 반환한다.
이 parseFloat() 기능함수는 parseInt() 기능함수와 아주 유사하나 parseFloat()는 소수점까지 반환하는데 비해 parseInt() 기능함수는 유효수치 중에서 정수만 반환한다는 점이 다르다.
<SCRIPT>
document.write("1) " + parseFloat("123")); // 유효수치
document.write("<BR>2) " + parseFloat("12345.123.45")); // 유효수치, 소수점이 두개인데 뒤의 것은 수치가 아니므로 잘린다.
document.write("<BR>3) " + parseFloat("3000.00000000")); // 유효수치
document.write("<BR>4) " + parseFloat("123.123 456.456 789.789")); // 빈칸 들어 있슴, 빈칸부터 잘림
document.write("<BR>5) " + parseFloat("123 맞는가")); // 문자열이 들어 있슴, 문자열부터 잘림
document.write("<BR>6) " + parseFloat("123,456,789")); // 컴마(,) 들어 있슴, 컴마부터 잘림
document.write("<BR>7) " + parseFloat("수치로 시작 하지 않는 문자열 2003년")); // 첫문자부터 문자이므로 유효수치가 없음
document.write("<BR>8) " + parseFloat("2003년 1월 1일")); // 문자열이 들어 있슴, 앞부분 수치만 반환한다.
</SCRIPT>
onChange을 적용하였으니 내용을 바꿔보라.
<SCRIPT> function checkit(objVal){ // 사용자 정의 기능함수의 시작 var str=''; // 출력용 문자열 선언 if (isNaN(parseFloat(objVal))){ // 유효수치가 아니면 str+="<font color=green>"+objVal+"</font>는 수치가 아니다."; str+="<BR>첫 문자가 <font color=red>" + objVal.substring(0,1)+"</font>이므로"; str+="<BR>parseFloat(objVal) 결과는 <font color=blue>NaN</font>이다."; } else str=parseFloat(objVal); // 유효수치이면 showArea.innerHTML=str; // id=showArea 내용을 HTML 태그 변경하여 출력되게 한다 } // 사용자 정의 기능함수의 종료 </SCRIPT> <DIV id=showArea style="border:solid 1 blue;width:400;height:5em;padding:5" title="결과">결과 표시 개체</DIV> <FORM><INPUT type=text value="수치를 변경시켜 보라" onChange="checkit(this.value)"></FORM>