• 회원가입
  • 로그인
  • 구글아이디로 로그인

[Global] JS - parseFloat() 함수 ★ - 문자열 구문분석 후, 부동소수점숫자 반환 (= parseFloat함수 = 파스플로트함수) [전역함수]

목차

  1. parseFloat() 예제 - 문자열 구문분석 후, 부동소수 반환
  2. parseFloat() 정의
  3. parseFloat() 구문
  4. parseFloat() 예제 - 구문 분석 (가능 / 불가능) 경우
  5. parseFloat() 예제 - input 값 얻기

 

parseFloat() 예제 - 문자열 구문분석 후, 부동소수 반환

 

<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var a = parseFloat("10") // 10

  var b  = parseFloat("11.00") // 11

  var c = parseFloat("12.34") // 12.34

  var d = parseFloat("13 14 15") // 13

  var e = parseFloat("   16   ") // 16

  var f = parseFloat("2012 year") // 2012

  var g = parseFloat("Open Year 2012") // NaN


  document.getElementById("demo").innerHTML =

  a + "<br>" +   b + "<br>" +  c + "<br>" +  d + "<br>" +  e + "<br>" +  f + "<br>" +  g;

}

</script>

 

결과보기

 

parseFloat() 정의

 

문자열 구문 분석 후, 첫 번째 숫자 반환.

 



1.

  • 첫 번째 문자를 변환할 수 없는 경우 NaN 반환.
  • (선행/후행) 공백은 무시됨.
  • 발견된 첫 번째 숫자만 반환.

 

2.

  • ES1 (JavaScript 1997)
  • 모든 브라우저 지원.

 

 

parseFloat() 구문

 

parseFloat(value)

 


[매개변수]

 

value

필수. 구문 분석할 값.

 


[반환값]

 

  • 부동소수 반환. (※ number 타입)
  • 숫바 발견 안 되면, NaN 반환.

 

 

parseFloat() 예제 - 구문 분석 (가능 / 불가능) 경우

 

<p id="demo"></p>


<script>

document.getElementById("demo").innerHTML =

  parseFloat("30.00") + "<br>" + // 30

  parseFloat("   30   ") + "<br>" + // 30

  parseFloat("30 years") + "<br>" + // 30

  parseFloat("30H") + "<br>" + // 30

  parseFloat("H30"); // NaN

</script>

 

 

 

parseFloat() 예제 - input 값 얻기

 

<form action="액션파일주소">

    <input type="number" name="hz" value="100">

    <input type="submit" onclick="rate()">

</form>


<script>

function rate(){

    var ratio = document.forms[0];

    var value = parseFloat(ratio.hz.value); 

alert(value);

}

</script>

 

결과보기

 

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
RegExp JS - source 속성 - 정규표현식 패턴의 텍스트 반환 (소스속성)
RegExp JS - compile() 메서드 - JS 1.5 폐기예고. / 정규식을 컴파일. (= compile 메서드…
RegExp JS - exec() 메서드 ★ - 문자열일치검사 (= 문자열포함검사 = exec메서드 = 엑섹 메서드 = …
RegExp JS - test() 메서드 ★ - 정규식 패턴 일치 문자열 포함 여부 체크 (= test메서드 = 테스트메…
RegExp JS - toString() 메서드 - 정규표현식의 문자열을 반환 (= toString메서드 = 투스트링메서…
Global JS - Global - (전역함수 + 전역속성) 종류
Global JS - Infinity 속성 - 무한수 [전역속성]
Global JS - NaN 속성 - 유효하지 않은 숫자 [전역속성]
Global JS - undefined 속성 - 정의안됨 (= 미정의) [전역속성]
Global JS - decodeURI() 함수 = URI 디코딩 (= decodeURI함수 = 디코드유알아이 함수)
Global JS - decodeURIComponent() 함수 - URI구성요소 디코딩 [전역함수]
Global JS - encodeURI() 함수 - URI 인코딩 [전역함수]
Global JS - encodeURIComponent() 함수 ★ - URI 구성요소(공백,특수문자,한글)를 URL에 …
Global JS - escape() 함수 - 1.5 버전에서 폐기예고. encodeURI() 또는 encodeURIC…
Global JS - eval() 함수 ★ - 독립변수 평가실행. (= eval함수 = 이발 함수 = 이밸 함수) ※ J…
Global JS - isFinite() 함수 - 유효한 유한수인지 판별 [전역함수]
Global JS - isNaN() 함수 ★ - 유효하지 않은 숫자인지 판별 (= NaN판별 = isNaN함수 = 이즈난…
Global JS - Number() 함수 ★ - 객체 상응한 숫자로 변환. = 숫자변환 [전역함수]
Global JS - parseFloat() 함수 ★ - 문자열 구문분석 후, 부동소수점숫자 반환 (= parseFloa…
Global JS - parseInt() 함수 ★ - 문자열에서 정수 추출/변환. (= parseInt함수 = 파스인트…
18/67
목록
찾아주셔서 감사합니다. Since 2012