본문 바로가기

Programming Language/JavaScript(자바 스크립트)

자바스크립트 기본 사칙 연산 및 연산자 (나머지 / 제곱 / 더하기/ 빼기/ 곱하기/ 나누기)

반응형

자바스크립트기본 연산에 대해 오늘은 정리해보도록 하겠습니다.

'계산기가 컴퓨터의 기원이다!' 라는 말이 있을 정도로 이런 기본적인 사칙 연산이 컴퓨터 및 프로그래밍 언어의 기원과 발전에 시작점이 되었는데요, 자바스크립트라는 프로그래밍 언어에서도 기본 사칙연산이 내장되어 있습니다. 자바스크립트는 기본적으로 웹 프로그래밍 할 때 많이 쓰이면서, 이것을 응용해서 여러가지 기능과 조건들을 발전시킬 수 있었습니다.

다른 언어들과 조금 다른 문법을 가지는 부분이 있으니, 자바스크립트를 말고 다른 언어를 기본적으로 공부하신 분이라면 그래도 비교적 쉽게 터득할 수 있습니다.  반면에, 자바스크립트 언어를 처음 배우시는 분이라면 이런 사칙 연산은 모든 코딩의 기본이 될 것이므로 헷갈리는 부분을 조금 더 정확하게 잡아나가야 합니다. 특히! 제 생각엔 나중에 배우실 반복문이나 제어문을 공부하실 때 조건문을 작성할 때, 정말 많이 활용되니 더더욱 생각 안 날 때마다 검색하고 고쳐 나가는 과정을 거치셔야합니다.

 

1. 기본적인 사칙연산

우선 더하기, 빼기, 곱하기, 나누기 입니다.

// ! 더하기 빼기 곱하기 나누기

// 더하기 기호는 +
console.log(22 + 10);  // 32


// 빼기 기호는 -
console.log(22 - 10);  // 12


// 곱하기 기호는 *
console.log(22 * 10);  // 220


// 나눗셈 기호는 /
console.log(22 / 10);  // 2.2

기본 사칙연산의 경우엔 우리가 기존에 그래도 한번쯤 보고 접했을만한 기호들이 나옵니다. 만약 javascript로 프로그래밍 언어를 처음 접하신다면 곱하기는 숫자 8 +shift 인 * 기호를 사용하고, 나누기를 사용한다면 오른쪽 쉬프트 키 옆에 /(슬래쉬) 모양을 사용한다는 것만 알고 계시면 될 것 같습니다.

 

visual studio code에서 실행시켜본 값

 

우리가 연산한 결과를 실제로 실행시키면 출력되는 값

 

 

2. 자바스크립트 나머지 구하기

 

그 다음은 자바스크립트 나머지 구하는 방법입니다. 나머지는 저는 나누기를 하고 남는 거라서 나누기 기호인 / 슬래쉬 기호와 그나마 유사한 % 퍼센트 기호를 썼다고 생각합니다. 그렇게 외우시면 정말 정말 더 편할거라고 생각합니다.

// * 자바스크립트 나머지는 어떻게 구할까요?


console.log(8 % 3);  //! 2

console.log(20 % 3);  //! 2

console.log(22 % 3);  //! 1

console.log(30 % 10);  //! 0

 

참고로

'에이 나머지 구하는 기호가 어디 쓰이겠어?'

 

라고 생각하신다면 큰 오산입니다!!!!!!!! 생각보다 알고리즘을 구성하거나, 활용할 때 유용하게 쓰이니깐 알아두셨으면 좋겠습니다. 혹시나 생각 안 나시더라도 구글링 하시면 금방 나오는 정보이니깐 너무 암기에 스트레스 받지 마시고 이렇게 사용하는구나 정도를 참고해두시면 되겠습니다 :) 

 

 

3. 자바스크립트 제곱 구하기

 

그 다음은 자바스크립트 제곱 구하는 방법입니다. 제곱은 우리가 아는 기호인 곱셈 그 값을 두번 한다고 생각해서 ** 두번 표시한다고 생각하시면 편하겠습니다. 그래도 연상되면서 외우기도 편하고 다른 언어 중에서 이 기호로 사용하는 언어가 꽤 있기 때문에 헷갈리지 않으실거라 생각합니다.

// * 자바스크립트 제곱은 어떻게 구할까요?


console.log(4 ** 2);  //! 16

console.log(2 ** 4);  //! 16

console.log(12 ** 2);  //! 144

console.log(99 ** 10);  //! 90438207500880450000

VScode에서 실행한 값
실제로 출력된 결과값

 

 

4. 그렇다면 연산 순서는? 

 

 그 다음은 자바스크립트 제곱 구하는 방법입니다. 제곱은 우리가 아는 기호인 곱셈 그 값을 두번 한다고 생각해서 ** 두번 표시한다고 생각하시면 편하겠습니다. 그래도 연상되면서 외우기도 편하고 다른 언어 중에서 이 기호로 사용하는 언어가 꽤 있기 때문에 헷갈리지 않으실거라 생각합니다.

 

1. 괄호 안 값( ) 

2. 곱하기나 나누기 *, / 

3. 더하기나 빼기 +,-

 

// * 자바스크립트 연산 순서는 기존의 우리가 알고 있는 순서와 동일하다 !


console.log(10 * 4 - 10);  //! 30

console.log(10 * (4 - 10));  //! -60

 

 

 

 

저의 아주 작은 티끌 코딩 글이 블로그 방문자 님의 코딩에 조금이라도,

도움이 됐으면 좋겠습니다.  감사합니다 : )

반응형