技術コンテンツ

JavaScript

No.11 算術演算

【JavaScript】算術演算 - 四則演算・剰余・累乗と計算の優先順位

JavaScriptは足し算（加算）や引き算（減算）などの計算を行うことができます。

計算することを『算術演算』と呼び、ここではその方法について解説します。

検証環境

JavaScript -

macOS

14.1

算術演算

算術演算は“数値の計算”のことです。

四則演算である加算（足し算）・減算（引き算）・乗算（掛け算）・除算（割り算）や余りを算出する剰余などの計算があります。

JavaScriptで算術演算を行うには『算術演算子』を使います。

算術演算子

算術演算子は“算術演算を表す記号”です。

加算や減算などは算数や数学と同様に+や-など馴染みのある記号を使う演算もあります。

演算	演算子	内容	例
加算	`+`	演算子の左右の数値を足す。	`3 + 8`
減算	`-`	演算子の左の数値から右の数値を引く。	`5 – 3`
乗算	`*`	演算子の左右の数値を掛ける。	`2 * 4`
除算	`/`	演算子の左の数値を右の数値で割る。	`6 / 3`
剰余	`%`	演算子の左の数値を右の数値で割った時の余り。	`8 % 5`
累乗	`**`	演算子の左の数値を右の数値で累乗する。	`11 ** 3`

加算演算

加算演算は演算子の左右の数値を足した値を計算します。

基本構文

数値 + 数値

サンプル

sample.js

___ih_hl_start
let result = 3 + 8;
___ih_hl_end

console.log(result);

Console

減算演算

減算演算は演算子の左の数値から右の数値を引いた値を計算します。

基本構文

数値 - 数値

サンプル

sample.js

___ih_hl_start
let result = 3 - 8;
___ih_hl_end

console.log(result);

Console

-5

乗算演算

乗算演算は演算子の左右の数値を掛けた値を計算します。

基本構文

数値 * 数値

サンプル

sample.js

___ih_hl_start
let result = 3 * 8;
___ih_hl_end

console.log(result);

Console

除算演算

除算演算は演算子の左の数値を右の数値で割った値を計算します。

基本構文

数値 / 数値

サンプル

sample.js

___ih_hl_start
let result = 3 / 8;
___ih_hl_end

console.log(result);

Console

0.375

剰余演算

剰余演算は演算子の左の数値を右の数値で割った時の余りを計算します。

基本構文

数値 % 数値

サンプル

sample.js

___ih_hl_start
let result = 3 % 8;
___ih_hl_end

console.log(result);

Console

累乗演算

累乗演算は演算子の左の数値を右の数値で累乗した値を計算します。

基本構文

数値 ** 数値

サンプル

sample.js

___ih_hl_start
let result = 3 ** 8;
___ih_hl_end

console.log(result);

Console

複数数値の演算

複数数値の演算は算数や数学と同様に演算子を使って繋げます。

sample.js

___ih_hl_start
let result = 3 + 6 * 2 / 3 - 1;
___ih_hl_end

console.log(result);

Console

演算の優先度

演算には優先順位があり、次の順序で実行されます。

累乗（**） > 乗算（*） , 除算（/） > 剰余（%） > 加算（+） , 減算（-）

基本的には数学の数式と同じ優先順位です。

Sample

___ih_hl_start
let result = 3 + 6 * 2 / 3 - 1;
___ih_hl_end

console.log(result);

Console

また、演算の順序を丸括弧で任意に変えることができます。

Sample

___ih_hl_start
let result = ( ( 3 + 6 ) * 2 ) / 3 - 1;
___ih_hl_end

console.log(result);

Console

括弧内は優先的に計算され、ネスト（括弧内に括弧があること）している場合は一番内側の括弧から計算されます。