【JavaScript】演算と変数 - 文字列結合や算術演算で変数を使う

変数の値を演算で使用することができます。

ここでは、JavaScriptの演算における変数について解説します。

検証環境

JavaScript -

macOS

14.1

演算と変数

文字列結合や算術演算などの演算に変数を使うことが可能です。

演算で値の代わりに変数を記述することで、変数の値を使った演算を行います。

文字列結合

文字列結合で値の代わりに変数を使用できます。

sample.js

let word1 = 'Hello';
let word2 = 'World';

___ih_hl_start
let message = word1 + ' ' + word2;
___ih_hl_end

console.log(message);

Console

Hello World

４行目のword1 + ' ' + word2が変数を使った文字列結合です。

結合結果をmessageに代入しており、console.logの出力結果から結合した文字列が記憶されていることが分かります。

算術演算

四則演算や剰余・累乗など算術演算は値の代わりに変数を使用できます。

sample.js

let num1 = 3;
let num2 = 8;

// 加算
___ih_hl_start
let result1 = num1 * num2;
___ih_hl_end
console.log(num1 + ' + ' + num2 + ' = ' + result1);

// 減算
___ih_hl_start
let result2 = num1 - num2;
___ih_hl_end
console.log(num1 + ' - ' + num2 + ' = ' + result2);

// 乗算
___ih_hl_start
let result3 = num1 * num2;
___ih_hl_end
console.log(num1 + ' * ' + num2 + ' = ' + result3);

// 除算
___ih_hl_start
let result4 = num1 / num2;
___ih_hl_end
console.log(num1 + ' / ' + num2 + ' = ' + result4);

// 剰余
___ih_hl_start
let result5 = num1 % num2;
___ih_hl_end
console.log(num1 + ' % ' + num2 + ' = ' + result5);

// 累乗
___ih_hl_start
let result6 = num1 ** num2;
___ih_hl_end
console.log(num1 + ' ** ' + num2 + ' = ' + result6);

Console

3 + 8 = 24
3 - 8 = -5
3 * 8 = 24
3 / 8 = 0.375
3 % 8 = 3
3 ** 8 = 6561

各演算結果を変数に代入しており、console.logの出力結果から正常に処理されたことが分かります。