JavaScript のデータ型（２）、数値型を初心者向けに分かりやすく解説｜JavaScript入門講座（４）

はじめに

　JavaScript入門講座の第四弾として、javascript のデータ型（２）、数値型ついて紹介します。

　この記事を読むと次の疑問について知ることができます。

　JavaScript入門講座（3）では、JavaScript のデータ型（１）文字列型について解説してきました。

　ここでは、JavaScript のデータ型（２）、数値型について深堀していきます。

データ型の数値型

　JavaScriptでは、数値型のデータも扱うことができ、色々な場面で出てきます。

数値型の種類

　JavaScriptで扱える数値には、3つの種類があります。

数値の種々な表記方法

　JavaScriptでは、数値を種々な方法で書くことができます。

2進数、8進数、10進数、16進数による表記

　私たち人間の社会では、10進法を用いて数値を表現し利用していますが、この他に2進法、8進法、16進法などがJavaScriptでは扱うことができます。

　それでは、10進法で扱う数字で1，20，564，2000等がそれぞれの表記でどのように表されるかを見てみましょう。

　実際に、10進法の数値2000の数値を2進法（0ｂ2進法表記の数値）、8進法(0o8進法表記の数値）、16進法(0x16進法表記の数値）を入れて、console.logでコンソールに出力した際にそれぞれが2000の値になるかを見てみましょう。

 niSin = 0b11111010000;//二進法での2000の数
const haSin = 0o3720;//8進法での2000の数
const juRokuSin = 0x7D0;//16進法での2000の数
console.log(niSin);
console.log(haSin);
console.log(juRokuSin);

「e」を用いた表記

　また、「e」表記で書く場合があります。

　書き方を次に示します。

数値の演算

　JavaScriptのプログラム内では演算をすることが多くあります。

算術演算子

　その際に用いられるのが演算子ですが、演算子の中でも算術に特化したものを算術演算子と呼びます。

var x = 56 + 24; //56という数値に24という数値を足してその値を変数ｘに代入
console.log(x);
var x = 56 - 24; //56という数値から24という数値を引いてその値を変数ｘに代入
console.log(x); 
var x = 56 * 24; //56という数値と24という数値を掛け合わせた値を変数ｘに代入
console.log(x); 
var x = 56 / 24; //56という数値を24という数値で割り算した値を変数ｘに代入
console.log(x); 
var x = 56 % 24; //56という数値を24という数値で割り算した時の余りを変数ｘに代入
console.log(x); 
var x = 6**5; //6という数値を5回かけ合わせた値を変数ｘに代入
console.log(x); 

インクリメント、デクリメント演算子

　この演算子は、良くループで回す際によく使われます。

　書き方を次に示します。

var x = 6; //変数ｘに数値６を代入
var y = ++x; //変数ｙにインクリメント演算子でｘに１足した値を代入
console.log(y);
y = x++; //変数ｙにインクリメント演算子でｘに１足す前の値を代入後に、ｘに１足される。
console.log(y);
console.log(x);
var x = 6; //変数ｘに数値６を代入
var y = --x; //変数ｙにデクリメント演算子でｘに１引いた値を代入
console.log(y);
y = x--; //変数ｙにデクリメント演算子でｘに１引く前の値を代入後に、ｘから１を引く。
console.log(y);
console.log(x);

代入演算子

　今まで説明をせずに「＝」を使ってきましたが、この演算子も代入演算子の代表的な一つです。

　他にも幾つかあるので紹介します。

var x =3; // 変数ｘに数値3を代入
x += 6; // 変数ｘに数値６を足して代入
console.log(x); 
x -= 6; //変数ｘに数値６を引いて代入 
console.log(x); 
x *= 6; // 変数ｘに数値６を掛けて代入
console.log(x); 
x /= 6 ; // 変数ｘを数値６で割って代入
console.log(x); 
x %= 6 // 変数ｘを数値６で割った余り代入
console.log(x); 

論理演算子

　論理演算子は主に制御文で利用されます。

　これについては、制御文のところで詳しく紹介します。

　論理演算子を次に紹介します。

var x=5;
console.log(x>2 && x<10); // 式の中身がtrueとtrueなので結果はtrue
console.log(x<2 && x<10); // 式の中身がfalseとtrueなので結果はfalse
console.log(x>2 && x>10); // 式の中身がtrueとfalseなので結果はfalse
console.log(x<2 && x>10); // 式の中身がfalseとfalseなので結果はfalse
console.log(x>2 || x<10); // 式の中身がtrueとtrueなので結果はtrue
console.log(x<2 || x<10); // 式の中身がfalseとtrueなので結果はtrue
console.log(x>2 || x>10); // 式の中身がtrueとfalseなので結果はtrue
console.log(x<2 || x>10); // 式の中身がfalseとfalseなので結果はfalse
console.log(! x>2); //式の中身がtrueなので結果はfalse
console.log(! x<2); //式の中身がfalseなので結果はtrue

　コードの解説は省略しますが、コメントをよく見て確認してくださいね。

比較演算子

　2つの式や値を比較するのに用います。

　if文やfor文で良くつかわれます。

　次にそれらの比較演算子を紹介します。

var x = 6; //ｘに数値の6を代入
var y= "6"; //yに文字列の「6」を代入
console.log(x == y); //ｘの数値とｙの文字列「6」を等価とみなして、「true」を返します。
console.log(x != y); //ｘの数値とｙの文字列「6」を等価とみなして、「false」を返します。
console.log(x === y); //ｘの数値とｙの文字列「6」を厳密に等価でないので、「false」を返します。
console.log(x !== y); //ｘの数値とｙの文字列「6」を厳密に等価でないので、「true」を返します。
console.log(x < y); //ｘの数値とｙの文字列「6」を等価とみなして、「false」を返します。
console.log(x < y); //ｘの数値とｙの文字列「6」を等価とみなして、「false」を返します。
console.log(x <= y); //ｘの数値とｙの文字列「6」を等価とみなして、「true」を返します。
console.log(x >= y); //ｘの数値とｙの文字列「6」を等価とみなして、「true」を返します。

　コードの解説は省略しますが、コメントをよく見て確認してくださいね。

おわりに

　如何だったでしょうか？

　データ型の数値型とはどのようなもの？、数値型の種類、数値の種々な表記方法、2進数、8進数、10進数、16進数による表記、「e」を用いた表記、数値の演算、算術演算子、インクリメント、デクリメント演算子、代入演算子、論理演算子、比較演算子などについて紹介してきました。

　この記事があなたにとって少しでもお役に立てればこれほど嬉しいことはありません。

以上です。