JavaScriptで型を判定する方法を現役エンジニアが解説【初心者向け】
初心者向けにJavaScriptで型を判定する方法について現役エンジニアが解説しています。型とはデータの種類のことで、文字列や数値やnull、オブジェクトなどがあります。JavaScriptで型を判定する方法には、typeof演算子を使う方法があります。
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日 調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名 調査手法:インターネット調査
JavaScriptで型を判定する方法について、TechAcademyのメンター(現役エンジニア)が実際のコードを使って初心者向けに解説します。
JavaScriptについてそもそもよく分からないという方は、JavaScriptとは何なのか解説した記事をまずご覧ください。
なお本記事は、TechAcademyのオンラインブートキャンプ、JavaScript/jQuery講座の内容をもとにしています。
今回は、JavaScriptに関する内容だね!
どういう内容でしょうか?
JavaScriptで型を判定する方法について詳しく説明していくね!
お願いします!
目次
型とは
JavaScriptには数値や文字列といった「型」があります。
型はデータの種類です。数値や文字列の他にもnullやオブジェクトなどもそれぞれ個別の型を持ちます。
型を判定する方法
型を判定するにはtypeof演算子を使用します。typeof演算子の使用方法は以下のとおりです。
typeof(型を調べる値)
typeof 演算子について、詳しくは以下の記事も参考にしてください。
ただし typeof演算子はnullやオブジェクトを詳しく判別できません。それらを判別する方法についてはObject.prototype.toStringを使用します。
var toString = Object.prototype.toString; toString.call(型を調べる値)
Object.prototype.toString について、詳しくは以下の記事も参考にしてください。
MDN -Object.prototype.toString
実際に書いてみよう
今回のサンプルプログラムではtypeof演算子とObject.prototype.toStringについて確認します。実行はChromeブラウザーのデベロッパーツールで行いましょう。
まずは typeof 演算子から確認します。
console.log(typeof('Hello!')); console.log(typeof(3.14)); console.log(typeof(null)); console.log(typeof(new Date())); console.log(typeof(new Array()));
実行結果は以下のとおりです。文字列や数値は判別できますが、nullやオブジェクトはすべてobjectと表示されてしまいます。
string number object object object
次はObject.prototype.toString について確認しましょう。
var toString = Object.prototype.toString; console.log(toString.call('Hello')); console.log(toString.call(3.14)); console.log(toString.call(null)); console.log(toString.call(new Date())); console.log(toString.call(new Array()));
実行結果は以下のとおりです。nullやオブジェクトも正しく判別できていることが分かります。
[object String] [object Number] [object Null] [object Date] [object Array]
まとめ
今回の記事ではJavaScriptで型を判定する方法を学習しました。
筆者プロフィール
太田和樹(おおたかずき)
ITベンチャー企業のPM兼エンジニア 普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。 開発実績:画像認識技術を活用した駐車場混雑状況把握(実証実験)、音声認識を活用したヘルプデスク支援システム、Pepperを遠隔操作するアプリの開発、大規模基幹系システムの開発・導入マネジメント。 地方在住。仕事のほとんどをリモートオフィスで行う。通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。 |
内容分かりやすくて良かったです!
ゆかりちゃんも分からないことがあったら質問してね!
分かりました。ありがとうございます!
TechAcademyでは、初心者でも、JavaScript・jQueryを使ったWebサービス公開を習得できる、オンラインブートキャンプを開催しています。
また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。