こんにちは！エンジニアの中沢です。
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の使い方を忘れてしまったらこの記事を確認してください！
