ABOUT ME

    -

    Today
    -
    Yesterday
    -
    Total
    -
    • [javascript] 17. Number Method - 자바스크립트 강좌 JS / CSE
      Web/JavaScript 2015. 6. 13. 14:37
      JavaScript Number Methods

       숫자 메소드는 숫자로 작업하는 것을 도와줍니다.




      1. Global Methods

       자바스크립트 전역 함수는 모든 자바스크립트 데이터 타입에 사용 할 수 있습니다.


       아래에 숫자를 작업할때 적절한 메소드들이 있습니다:


       

      MethodDescription
      Number()Returns a number, converted from its argument.
      parseFloat()Parses its argument and returns a floating point number
      parseInt()Parses its argument and returns an integer

       

       [ 출처: W3Schools ]




      2. Number Methods

       

       

      MethodDescription
      toString()Returns a number as a string
      toExponential()Returns a string, with a number rounded and written using exponential notation.
      toFixed()Returns a string, with a number rounded and written with a specified number of decimals.
      toPrecision()Returns a string, with a number written with a specified length
      valueOf()Returns a number as a number

       


       * 모든 숫자 메소드는 새로운 변수를 반환합니다. 기존 변수는 변경하지 않습니다.


       


      2-1. The toString() Method

       toString() 메소드는 숫자를 문자로써 반환합니다.


       모든 숫자 메소드는 어떤 타입의 숫자든 사용 할 수 있습니다.



       

      1
      2
      3
      4
      var x = 123;
      x.toString();            // returns 123 from variable x
      (123).toString();        // returns 123 from literal 123
      (100 + 23).toString();   // returns 123 from expression 100 + 23
      		cs





      2-2. The toExponential() Method

       toExponential() 메소드는 숫자를 반올림하고 지수 표기법으로 문자열을 반환합니다.


       인자값은 10진 자리 수의 소수점 뒤의 갯수를 의미합니다.


       

      1
      2
      3
      4
      var x = 9.656;
      x.toExponential(2);     // returns 9.66e+0
      x.toExponential(4);     // returns 9.6560e+0
      x.toExponential(6);     // returns 9.656000e+0
      		cs



       인자값은 선택적입니다. 명시를 하지 않았다면, 자바스크립트는 반올림하지 않습니다.










      2-3. The toFixed() Method

       toFixed() 메소드는 반올림을 하여 문자열로 반환하는 메소드입니다.


       

      1
      2
      3
      4
      5
      var x = 9.656;
      x.toFixed(0);           // returns 10
      x.toFixed(2);           // returns 9.66
      x.toFixed(4);           // returns 9.6560
      x.toFixed(6);           // returns 9.656000
      		cs

       




      2-4. The toPrecision() Method

       toPrecision() 메소드는 특정 길이만큼 숫자를 변환하여 문자로 반환합니다.


       

      1
      2
      3
      4
      5
      var x = 9.656;
      x.toPrecision();        // returns 9.656
      x.toPrecision(2);       // returns 9.7
      x.toPrecision(4);       // returns 9.656
      x.toPrecision(6);       // returns 9.65600
      		cs

       





      3. Converting Variables to Numbers

       자바스크립트에서는 변수를 숫자로 바꾸는데 사용하는 3가지 함수가 있습니다:

        - Number() 메소드

        - parseInt() 메소드

        - parseFloat() 메소드




      3-1. The Number() Method

       Number() 메소드는 변수를 숫자로 바꿔 줍니다.


       

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      <!DOCTYPE html>
      <html>
          <body>
       
          <p>The global JavaScript function Number() converts variables to numbers:</p>
       
          <p id="demo"></p>
       
      <script>
      document.getElementById("demo").innerHTML = 
      Number(true) + "<br>" +
      Number(false) + "<br>" +
      Number(new Date()) + "<br>" +
      Number("  10") + "<br>" +
      Number("10  ") + "<br>" +
      Number("10 6");    
      </script>
       
          </body>
      </html>
       
       
       
      		cs

       





       



       







      3-2. The parseInt() Method

       parseInt() 메소드는 문자열을 분석하고 전체 숫자를 반환합니다. 공백을 허용합니다.


       첫 숫자만 반환합니다:


       

       

      1
      2
      3
      4
      5
      6
       
      parseInt("10");         // returns 10
      parseInt("10.33");      // returns 10
      parseInt("10 20 30");   // returns 10
      parseInt("10 years");   // returns 10
      parseInt("years 10");   // returns NaN 
      		cs






      3-3. The parseFloat() Method

       parseFloat() 메소드는 문자열을 분석하고 숫자를 반환합니다. 공백을 허용합니다.


       첫번째 숫자를 반환합니다:


       

      1
      2
      3
      4
      5
      parseFloat("10");        // returns 10
      parseFloat("10.33");     // returns 10.33
      parseFloat("10 20 30");  // returns 10
      parseFloat("10 years");  // returns 10
      parseFloat("years 10");  // returns NaN
      		cs

       



       숫자로 변환이 안 될 경우, NaN을 반환합니다.




      3-4. The valueOf() Method

       valueOf() 메소드는 숫자를 숫자로 반환하게 됩니다.


       

       

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      <!DOCTYPE html>
      <html>
          <body>
          <p id="demo"></p>
       
      <script>
      var x = 123;
       
      document.getElementById("demo").innerHTML = 
      x.valueOf() + "<br>" +
      (123).valueOf() + "<br>" +
      (100 + 23).valueOf();
      </script>
       
          </body>
      </html>
       
      		cs





       




      valueOf() 메소드는 숫자 객체를 primitive 값으로 변환하려고 사용합니다.



      저작자표시

      'Web > JavaScript' 카테고리의 다른 글

      [javascript] 20. 날짜 메소드(Date Methods) - 자바스크립트 강좌 JS / CSE  (0) 2015.06.13
      [javascript] 19. 날짜(Dates) - 자바스크립트 강좌  (0) 2015.06.13
      [javascript] 18. Math - 자바스크립트 강좌 JS / CSE  (0) 2015.06.13
      [javascript] 16. Numbers - 자바스크립트 강좌 JS / CSE  (0) 2015.06.13
      [javascript] 15. 문자열 메소드(String Method) - 자바스크립트 강좌 JS / CSE  (0) 2015.06.13
      [javascript] 14. 문자열(Strings) - 자바스크립트 강좌 JS / CSE  (0) 2015.06.13

      관련글 관련글 더보기

      댓글

    Designed by Tistory.

    티스토리툴바