プログラミング、フリーダイビング、ブロックチェーンのブログ

プログラミング道場

私がオススメするプログラミング教材です

私がおすすめするプログラミング教材のまとめ【書籍】

目次1 これからエンジニアになりたい人へ向けた本2 プログラミング言語3 アプリ開発4 サーバー、インフラ、セキュリティなど5 機械学習系6 ゲーム開発7 データベース8 デザイン9 組織作り10 自作シリーズ11 その他12 おまけ これ ...

続きを見る

【JavaScript入門】数値かどうかを判定する方法

更新日:

記事の内容


この記事では、JavaScriptで数値を判定する方法を説明します。
isNaN、Number.isNaN、isFinite、Number.isFinite、Number.isInteger、正規表現を使います。
JavaScriptのコードは、ES6で書いています。

isNaN(is Not a Number)

isNaN()関数は引数が 、NaN (Not a Number)かどうかを判定します。
下記のコード例では、数字、数字の文字列、16進数などの動作を確認しています。

isNaN関数の動作は、数値ではない引数における動作がわかりづらいです。
なぜならば、isNaN関数の引数が数値型ではない場合、その値はまず数字へと型強制されるからです。
その結果の値に対して、NaNかどうかを判定します。
このようにして、数値型に型強制される際に結果がNaN ではない数値となる非数値に対しては、予想外なことに "false" が返されます。
型強制されると0や1の値になる「空文字列」「真偽値」「プリミティブ」などは使用する時に気をつける必要があります。

Number.isNaN

この関数は、型強制が行われません。

isFinite

有限数かどうかを判定します。
この関数は、暗黙の型変換が行われます。

Number.isFinite

有限数かどうかを判定します。
暗黙の型変換が行われません。

Number.isInteger

値が整数かどうかを判定します。

正規表現

正規表現で数値を判断することもできます。

まとめ

この記事を読んだところで、どの関数を使えばいいのか迷うかもしれません。
簡単な指針を書くので、参考にして下さい。

  • 文字列の数字を判断したいなら、正規表現
  • 少数を許容するなら、Number.isFinite()
  • 整数なら、Number.isInteger()

Good luck with your engineer life!

JavaScriptをより詳しく勉強したい人には、この記事がオススメです

JavaScriptの学習でおすすめの本と動画【2024年最新】

目次1 フレームワークなどの情報2 動画教材3 初心者向け4 中級者向け5 まとめ フレームワークなどの情報 Node.jsについては、この記事を読んで下さい Reactについては、この記事を読んで下さい Vue.jsについては、この記事を ...

続きを見る


Node.jsをより詳しく勉強したい人には、この記事がオススメです

Node.jsの学習でおすすめの本と動画【2024年最新】

目次1 動画教材2 中級者向け 動画教材 Node.jsで学ぶWebシステムとソフトウェア開発基礎! ▼ 興味がある方は、画像をクリック 本コースではNode.jsの基礎に加え、Webシステムの仕組み、デスクトップアプリ開発、自動化ツールの ...

続きを見る


TypeScriptをより詳しく勉強したい人には、この記事がオススメです

TypeScriptの学習でおすすめの本と動画【2024年最新】

目次1 動画教材2 中級者向け 動画教材 【世界で7万人が受講】Understanding TypeScript 日本語版 ▼ 興味がある方は、画像をクリック JavaScriptのより優れたバージョンであるTypeScriptを基本から応 ...

続きを見る


Reactをより詳しく勉強したい人には、この記事がオススメです

Reactの学習でおすすめの本と動画【2024年最新】

目次1 動画教材2 初心者向け3 中級者向け 動画教材 【2023年最新】React(v18)完全入門ガイド|Hooks、Next.js、Redux、TypeScript ▼ 興味がある方は、画像をクリック HTML、CSS、JavaScr ...

続きを見る


Vue.jsをより詳しく勉強したい人には、この記事がオススメです

Vue.jsの学習でおすすめの本と動画【2024年最新】

目次1 動画教材2 中級者向け 動画教材 【Laravel】【Vue.js3】で【CRM(顧客管理システム)】をつくってみよう ▼ 興味がある方は、画像をクリック 受講者向けアンケートでご要望の多かった顧客管理システムを、Vue.js3 ( ...

続きを見る


Gitをより詳しく勉強したい人には、この記事がオススメです

Gitの学習でおすすめの本と動画【2024年最新】

目次1 動画教材2 漫画?でわかりやすく学ぶ入門書の定番3 初心者向け4 中級者向け5 上級者向け 動画教材 もう怖くないGit!チーム開発で必要なGitを完全マスター ▼ 興味がある方は、画像をクリック Gitの基本コマンド、ブランチやマ ...

続きを見る


関数型言語をより詳しく勉強したい人には、この記事がオススメです

関数型言語の学習でおすすめの本と動画【2024年最新】

目次1 動画教材2 初心者向け3 中級者向け 動画教材 The Complete Haskell Course: From Zero to Expert! ▼ 興味がある方は、画像をクリック 英語版です。 すべての人のためのモダンなHask ...

続きを見る


ゼロからWebエンジニアになりたい人には、この記事がオススメです

ゼロからWebエンジニアとして就職する方法【何もない自分に積み上げていく】

ちまたには、「エンジニアになるための情報」で溢れかえっています。 ジョージさんが考える「Webエンジニアになる方法」を教えて下さい。 目次1 私が定義するWebエンジニア2 必ずやるべきこと3 推奨されること4 まとめ 私が定義するWebエ ...

続きを見る


独学で実務っぽい経験を積みたい人には、この記事がオススメです

エンジニアが独学で実務経験っぽいことを学ぶ方法

エンジニアとして就職するためには実務経験が大事だと聞いていますが、就職しないことには実務経験を積むことができません。 どうやって、最初の実務経験を積んだらいいでしょうか? 目次1 スクールの理想と現実2 IT業界が抱える矛盾点3 擬似的に実 ...

続きを見る

-JavaScript, プログラミング

Copyright© プログラミング道場 , 2024 All Rights Reserved Powered by AFFINGER4.