[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>

 

결과보기