【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」などを使った数値チェックの方法はこちらの記事で解説しているので、ぜひ確認してください。

【JavaScript入門】数値チェックの方法まとめ(isNaN/isFinite)
更新日 : 2019年4月5日

まとめ

いかがでしたか?

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

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

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

フリーランスエンジニア。
システム開発からコンテンツ作成まで幅広く対応します。

連絡先はこちらです。
[email protected]

あなたの目的に合わせた
SAMURAI ENGINEERの運営サービス

SAMURAI ENGINEER Pro

未経験でも挫折しないプログラミングスクール

詳細はこちら

SAMURAI ENGINEER Plus

日本最大級のサブスク型オンラインITスクール

詳細はこちら

SAMURAI ENGINEER Freelance

「一人で稼げる」スキルを身につける

詳細はこちら