ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Number, Math
    javascript 2023. 4. 12. 23:07
    반응형

    * toString() : 10진수 -> 2진수 / 16진수로 바꿔줌

    let num = 10;
    
    num.toString();//10
    
    //이때 괄호안에 숫자를 넣어 2진수 16진수로 바꿔줄 수 있음
    num.toString(2);//1010
    
    let num2 = 255;
    
    num2.toString(16);//ff

    * Math : 자바스크립트에는 수학과 관련되 내장 객체가 있음 대표적인 것이 Math

    Math.PI;//3.1415926535

    - Math.ceil() : 올림

    let num01 = 5.1;
    let num02 = 5.7;
    
    Math.ceil(num01);//6
    Math.ceil(num02);//6

    - Math.floor() : 내림

    let num01 = 5.1;
    let num02 = 5.7;
    
    Math.floor(num01);//5
    Math.floor(num02);//5

    - Math.round() : 반올림

    let num01 = 5.1;
    let num02 = 5.7;
    
    Math.round(num01);//5
    Math.round(num02);//6

    - 소수점 자릿수

    let userRate = 30.1234;
    /*요구사항 : 소수점 둘째자리까지 표현(셋째자리에서 반올림)*/
    
    //첫번째방법
    Math.round(userRate * 100)/100//30.12
    
    //두번째방법
    //toFixed() : 숫자를 인수로 받아 그 숫자만큼 소수점을 표현해줌
    
    userRate.toFixed(2);//"30.12"
    userRate.toFixed(0);//"30"
    userRate.toFixed(6);//"30.123400"
    
    //주의 : toFixed()는 문자열로 반환함!! 그래서 반환받은 후 Number로 변환하여 작업하는 경우가 있음
    userRate.toFixed(2);//"30.12"
    Number(userRate.toFixed(2));//30.12

    - isNaN() : NaN인지 아닌지 판단해줌

    let x = Number("x");//NaN
    
    /*NaN은 자기 자신과도 같지 않다고 판단함*/
    x == NaN//false
    x === NaN//false
    NaN == NaN//false
    
    /*isNaN만이 NaN인지 판단할 수 있음*/
    isNaN(x)//true
    isNaN(3)//false

    - parseInt() : 문자열을 숫자로 바꾸어줌, Number()와 다른점은 문자가 혼용되어 있어도 동작함, 소수점은 무시하고 정수만 반환

    let margin = "10px";
    
    /*parseInt는 읽을 수 있는 곳까지 읽고 문자를 만나면 읽은 곳까지 숫자로 반환함 Number은 동작이 안됨*/
    parseInt(margin);//10
    Number(margin);//NaN
    
    /*그래서 숫자로 시작하지 않으면 parseInt는 NaN을 반환함*/
    let redColor = "f3";
    parseInt(redColor);//NaN
    
    /*parseInt는 두번째 인수를 받아서 진수로 지정할 수 있음*/
    let redColor = "f3";
    parseInt(redColor);//NaN
    parseInt(redColor, 16);//243
    
    parseInt("11", 3)//3

    - parseFloat() : parseInt와 동일하게 동작하지만 부동 소수점을 반환함

    let padding : "18.5%";
    
    parseInt(padding);//18
    parseFloat(padding);//18.5

    - Math.random() : 0~1사이 무작위 숫자 생성

    Math.random()//0.235101516523115
    Math.random()//0.5484846515616516
    Math.random()//0.5614894564515698
    Math.random()//0.7648456654566516
    
    /*만약 1에서 100까지 사이 임의의 숫자를 뽑고 싶다면*/
    Math.floor(Math.random()*100)+1
    /*
    1. Math.random()으로 숫자생성 예 0.6789
    2. 0.6789 * 100 : 우리가 총 뽑고 싶은 숫자의 갯수가 100개, *5를 하면 다섯개중 하나 예 67.89
    3. Math.floor()으로 소숫점 버리기 예 67
    4. +1 : 랜덤 숫자가 0.0~~이 나올 수 있기 때문에 만약 숫자가 0.0023이 나왔다면 *100을하면 0 소수점 버림을 하면 0이 나올 수 있기때문에! 우리가 구하는 건 1부터 100가지 숫자이니까 +1을 더해준다
    */

    - Math.max() / Math.min()

    Math.max(1, 4, -1, 5, 10, 9, 5.54);//10
    Math.min(1, 4, -1, 5, 10, 9, 5.54);//-1

    - Math.abs() : 절대값

    Math.abs(-1);//1

    - Math.pow(n, m) : 제곱, n의 m승 값

    Math.pow(2, 10);//2의 10승 1024

    - Math.sqrt() : 제곱근

    Math.sqrt(16)//4
    반응형

    'javascript' 카테고리의 다른 글

    Array  (0) 2023.04.13
    String 문자형  (0) 2023.04.13
    심볼 Symbol  (0) 2023.04.09
    객체Objcet에서 사용 가능한 methods와 Computed property  (0) 2023.04.08
    생성자 함수  (0) 2023.04.08

    댓글

Designed by Tistory.