【JavaScript入門】isFiniteで有限の数値かチェックする方法

こんにちは!エンジニアの中沢です。

JavaScriptには数値をチェックするための「isFinite」があります。

値が有限の数値であるかどうかを判定することができるので、上手く活用してください。

この記事では、

・isFiniteとは
・isFiniteの使い方
・数値をチェックする方法
・文字列をチェックする方法

という基本的な内容から、

・Boolean型をチェックする方法
・nullなどをチェックする方法

などの応用的な使い方に関しても解説していきます。

今回はこれらの方法を覚えるために、「isFinite」のさまざまな使い方をわかりやすく解説します!

目次

isFiniteとは

isFiniteとは、数値をチェックするための関数です。

isFiniteは指定した値が有限の数値の場合にtrueを返します。

それ以外の場合はfalseを返しますが、nullの場合などはわかりにくいので注意してください。。

isFiniteの使い方

数値をチェックする方法

ここでは、isFiniteで数値をチェックする方法を解説します。

isFiniteで数値をチェックするには、引数にチェックしたい値を指定します。

isFiniteは数値の場合に「true」を返しますが、配列の場合には「false」を返すので注意が必要です。

次のプログラムで確認してみましょう。

console.log('isFinite(123) = ' + isFinite(123));
console.log('isFinite([1, 2]) = ' + isFinite([1, 2]));
console.log('isFinite(0755) = ' + isFinite(0755));
console.log('isFinite(0xFF) = ' + isFinite(0xFF));

実行結果:

isFinite(123) = true
isFinite([1, 2]) = false
isFinite(0755) = true
isFinite(0xFF) = true

文字列をチェックする方法

ここでは、isFiniteで文字列をチェックする方法を解説します。

isFiniteは文字列を数値に変換した場合に数値なら「true」を返します。

数値に文字列が含まれている場合には「false」を返します。

次のプログラムで確認してみましょう。

console.log('isFinite("abc") = ' + isFinite("abc"));
console.log('isFinite("123abc") = ' + isFinite("123abc"));
console.log('isFinite("123") = ' + isFinite("123"));

実行結果:

isFinite("abc") = false
isFinite("123abc") = false
isFinite("123") = true

Boolean型をチェックする方法

ここでは、isFiniteでBoolean型をチェックする方法を解説します。

isFiniteはBoolean型の場合には「true」を返します。

次のプログラムで確認してみましょう。

console.log('isFinite(true) = ' + isFinite(true));
console.log('isFinite(false) = ' + isFinite(false));

実行結果:

isFinite(true) = true
isFinite(false) = true

nullなどをチェックする方法

ここでは、isFiniteでnullなどの特殊な値のチェックする方法を解説します。

isFiniteはnullの場合には「true」を返します。

その他の「Infinity」、「undefined」、「NaN」の場合には「false」を返します。

次のプログラムで確認してみましょう。

console.log('isFinite(Infinity) = ' + isFinite(Infinity));
console.log('isFinite(undefined) = ' + isFinite(undefined));
console.log('isFinite(null) = ' + isFinite(null));
console.log('isFinite(NaN) = ' + isFinite(NaN));

実行結果:

isFinite(Infinity) = false
isFinite(undefined) = false
isFinite(null) = true
isFinite(NaN) = false

数値チェックの方法まとめ

この記事では紹介しきれなかった「isNaN」などを使った数値チェックの方法はこちらの記事で解説しているので、ぜひ確認してください。

まとめ

いかがでしたか?

今回はisFiniteで数値をチェックする方法を解説しました。

値が有限かどうかの判定ができるので、ぜひ活用してくださいね。

もし、isFiniteの使い方を忘れてしまったらこの記事を確認してください!

この記事を書いた人

【プロフィール】
DX認定取得事業者に選定されている株式会社SAMURAIのマーケティング・コミュニケーション部が運営。「質の高いIT教育を、すべての人に」をミッションに、IT・プログラミングを学び始めた初学者の方に向け記事を執筆。
累計指導者数4万5,000名以上のプログラミングスクール「侍エンジニア」、累計登録者数1万8,000人以上のオンライン学習サービス「侍テラコヤ」で扱う教材開発のノウハウ、2013年の創業から運営で得た知見に基づき、記事の執筆だけでなく編集・監修も担当しています。
【専門分野】
IT/Web開発/AI・ロボット開発/インフラ開発/ゲーム開発/AI/Webデザイン

目次