Chapter 01_JS 데이터_02. 숫자와 수학

이소연·2022년 9월 10일
0

JavaScript Essentials

목록 보기
12/22

이번에는 js의 숫자와 관련된 명령들을 살펴본다.

.toFixed() 메소드


3.14159265358979에서 3.14 이외의 부분들을 제거해주고 싶다.

그럴때 숫자 데이터에 사용할 수 있는 toFixed라는 메소드를 이용할 수 있음

그렇게 toFixed가 실행된 결과가 str이라는 변수에 할당되고, 이를 출력하면 3.14로 나옴. 즉 소수점 두자리까지만 나오고 나머지는 제거 되어있음.
메소드가 호출될때 인수로 소수점 몇번째 자리까지 유지할 것인지를 명시할 수 있음.

엥? 근데 typeof로 타입을 확인해봤더니 문자데이터가 출력이 됨. 결국 toFixed라는 메소드를 실행하면 문자데이터가 반환이 되는 것임.



이를 다시 숫자 데이터로 바꾸려면, parseInt, parseFloat라는 js 전역함수임.
parse 는 뭔가를 분석한다는 의미. Int는 정수라는 뜻의 integer의 약어.

그래서 그 인수로 숫자가 들어있는 문자데이터를 넣으면, 그것을 분석해서 숫자만 추출해서 "정수'로 반환이 됨. 그래서 할당된 변수로 그걸 출력해보면 3으로 출력됨.

그리고 정수로만 반환되지 않고 3.14가 오롯이 출력되게 하려면? 바로 parseFloat 사용! 얘는 소수점자리의 숫자도 유지하면서 문자데이터를 숫자로 변환해줌. 그래서 출력해보면 3.14가 잘 출력됨

숫자가 들어있는 문자데이터를 숫자데이터로 변환해줄 때에는 parseIntparseFloat을 사용하는데, 만약 소수점 자리를 포함해야 하면 parseFloat을, 정수만 사용하려면 parseInt라는 전역함수를 사용!





이번에는 js에서 사용할 수 있는 Math라는 수학 객체에 대해 알아보려는데, 마찬가지로 math mdn 페이지에 설명이 있다.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math

내장 객체란 js에 이미 들어있는 객체라는 것. Math라는 객체는 숫자 데이터를 활용해서 수학적인 연산을 해주는 메소드들을 포함하고 있음.




Math.abs() 메소드

abs란 absolute라는 단어의 약어. 어떤 절대적인 값을 의미하는데, 이 메소드는 주어진 숫자의 절대값을 반환한다.

절대값이란 -1이 있으면 1로 변환하는 거고 -99면 99로 반환해주는 메소드임.


abs 메소드는 양수의 절대값을 반환해주는 것.

min 메소드는 인수로 들어온 숫자 데이터중에 가장 작은값을 확인해서 반환해줌.

max 메소드는 반대로 가장 큰 값을 반환해줌.

ceil 메소드는 올림 처리할 때 사용하는 메소드. 인수로 넣은 3.14를 정수 단위로 올림처리해서 4를 출력함

floor 메소드는 내림. 그래서 정수인 3만 출력.

round 는 반올림 처리. 정수를 기준으로 반올림 처리해서 3이 나옴.

random 메소드는 자주사용하는 수학 객체 메소드인데, 랜덤한 숫자를 반환하게 됨. 정수단위는 0으로 시작하고 소수점이 계속 바뀜.


전에 실습했던 예제인데, 다시 보면 0~9까지의 랜덤한 정수를 얻을 수 있는 코드였다.

profile
프론트엔드 종합반 강의 공부 블로그

0개의 댓글

관련 채용 정보