자바스크립트 숫자 다루기: 변수, 함수, 연산 등 기본 개념부터 정복하자!

안녕하세요! 자바스크립트를 처음 공부하는 분들을 위한 가이드를 준비했습니다. 이번에는 자바스크립트에서 숫자를 다루는 방법에 대해 알아보겠습니다. 자바스크립트에서 숫자를 다루는 기본적인 개념부터 변수, 함수, 연산 등을 통해 자세히 살펴보겠습니다.

자바스크립트에서 숫자의 데이터 타입
자바스크립트에서는 숫자를 다룰 때 다음과 같은 데이터 타입을 사용합니다.

Number: 일반적인 숫자를 나타내는 데이터 타입입니다. 정수, 실수 모두를 나타낼 수 있습니다.
BigInt: 매우 큰 숫자를 다룰 때 사용하는 데이터 타입입니다. Number보다 더 큰 범위의 숫자를 다룰 수 있습니다.

 

변수를 사용하여 숫자 다루기
변수는 값을 저장하기 위한 장소입니다. 자바스크립트에서는 변수를 선언할 때 다음과 같은 키워드를 사용합니다.

var: ES6 이전에 사용되던 변수 선언 키워드입니다. 현재는 let, const를 사용하는 것이 권장됩니다.
let: 블록 스코프 변수를 선언하는 키워드입니다.
const: 상수를 선언하는 키워드입니다.
변수를 선언하는 방법은 다음과 같습니다.

자바스크립트 변수 선언 방법

 

변수를 사용하여 숫자를 다룰 때는 변수에 저장된 값을 이용합니다. 예를 들어, 다음과 같은 코드에서는 x와 y 변수에 저장된 값을 더한 결과를 출력합니다.

 

자바스크립트 변수 사용 방법

 

var, let, const 각각의 차이는 아래 글에 더 자세하게 설명해두었으니 한번 읽어보세요!!

 

2023.02.21 - [IT/JavaScript] - 자바스크립트 let, var, const 장단점, 차이점, 쓰는 곳

자바스크립트 let, var, const 장단점, 차이점, 쓰는 곳

 

 

자바스크립트에서 숫자를 다루는 함수

자바스크립트에서는 숫자를 다루는 다양한 함수를 제공합니다. 가장 많이 사용되는 함수는 다음과 같습니다.

parseInt: 문자열을 정수로 변환합니다.
parseFloat: 문자열을 실수로 변환합니다.
Math.round: 소수점 이하를 반올림합니다.
Math.ceil: 소수점 이하를 올림합니다.
Math.floor: 소수점 이하를 내림합니다.
Math.random: 0부터 1사이의 난수를 반환합니다.

예를 들어, 다음과 같은 코드에서는 문자열 "10"을 정수형으로 변환한 후, 1을 더한 결과를 출력합니다.

var x = "10";
console.log(parseInt(x) + 1); // 11

 

자바스크립트 연산자를 사용하여 숫자 다루기

자바스크립트에서는 다양한 연산자를 사용하여 숫자를 다룰 수 있습니다. 가장 많이 사용되는 연산자는 다음과 같습니다.

+: 덧셈 연산자입니다.
-: 뺄셈 연산자입니다.
*: 곱셈 연산자입니다.
/: 나눗셈 연산자입니다.
%: 나머지 연산자입니다.
예를 들어, 다음과 같은 코드에서는 변수 x와 y에 저장된 값을 더한 결과를 출력합니다.

 

var x = 10;

let y = 20; console.log(x + y); // 30

 

자바스크립트에서 숫자를 다루는 실무 팁
마지막으로 자바스크립트에서 숫자를 다루는 팁을 알아보겠습니다.

정수와 실수 구분하기: 자바스크립트에서는 정수와 실수를 구분하지 않습니다. 만약 정수와 실수를 구분해야 한다면, typeof 연산자를 사용하여 데이터 타입을 확인하면 됩니다.

숫자를 문자열로 변환하기: 숫자를 문자열로 변환할 때는 String() 함수나 숫자 뒤에 ""를 붙이면 됩니다.

소수점 이하 자리수 제한하기: toFixed() 함수를 사용하여 소수점 이하 자리수를 제한할 수 있습니다.
예를 들어, 다음과 같은 코드에서는 소수점 이하 두 자리까지만 출력합니다.

 

자바스크립트 숫자 다루는 방법

 

이상으로 자바스크립트에서 숫자를 다루는 방법에 대해 알아보았습니다. 변수, 함수, 연산 등을 이용하여 숫자를 다룰 수 있습니다. 또한 데이터 타입, 데이터 구조 등의 개념도 함께 이해하면 더욱 자바스크립트를 잘 다룰 수 있을 것입니다. 다음에는 조건문, 반복문 등 자바스크립트의 다른 기본 개념들을 살펴보겠습니다. 감사합니다!