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

プログラミング道場

【JavaScript入門】undefinedについて説明します

投稿日:

記事の内容


この記事では、JavaScriptのundefinedについて説明します。
JavaScriptのコードは、ES6で書いています。

undefinedとは?

undefinedは、JavaScriptの基本のデータ型の一つで、「undefined型」です。
undefinedとは、ある変数の値が定義されていないことを表す値です。

undefinedとnullの違い

JavaScriptには、該当する値がないことを意味するnull(ヌル)という値も用意されています。
undefinedは「参照することを想定していない」という状態を表すものです。
null 、は「空である」という状態を表すための値です。

例えば、displayという「値を表示するための関数」は、値を返す想定ではないので、戻り値はundefinedです。
一方で、「何かの値を探す関数」で、値が見つからなかった場合には、空であるnullを戻り値に設定すべきです。

ちなみに、nullとundefinedを比較すると、以下のようになります。
厳密に比較したいなら、「===」を使いましょう。

undefinedが使われるパターン

undefinedが使われるパターン

  • 変数が宣言済みであるものの値を与えられていない
  • 未定義のプロパティを参照
  • 配列要素の初期値
  • 関数で値が返されなかった
  • 関数の引数に渡さなかった場合
  • 関数の引数にundefinedを渡した場合

変数の定義

関数の動作

JavaScriptの真偽判定

ifの中の条件がfalseと判断されるのは、以下の6つです。
「undefined」はfalseと判断されます。

falseの条件

  • false
  • 0(数値の0)
  • null
  • NaN(数値ではないことを示すプロパティ)
  • undefined
  • ""(空の文字列)

undefinedの判定

変数が宣言されている時は、3つの方法で比較しても同じです。
しかし、変数が宣言されていない時の動作は異なり、typeofの時だけエラーが出ません。

undefinedで比較

typeofで比較

void演算子で比較

まとめ

この記事では、JavaScriptのundefinedについて説明しました。

Good luck for your engineer life!

JavaScriptをより詳しく勉強したい人は、この記事を読んで下さい

JavaScriptの学習でオススメの本と動画【2020年最新】

初心者向け いちばんやさしいJavaScriptの教本 プログラミング初心者にも簡単に理解できるような書き方がされていて、ページあたりの文字数や内容も少ないので、テンポよく勉強を進めることができます。 全体像を掴むには最適な本です。 ただし ...

続きを見る


30代からプログラミングを始めようか迷っている人は、この記事を読んで下さい

30代からプログラミングを始めることは可能なのか?【頑張ればギリギリセーフ】

エンジニアは人気の職種だと聞いていますが、若い人達が多い印象です。 30代から始めても間にあいますか? 2030年には79万人のエンジニアが不足 まずは、今後、10年間以上に渡るエンジニアの需給について確認しましょう。 自分の身を預けたいと ...

続きを見る


プログラミングスクールに行くか迷っている人は、この記事を読んで下さい

なんとなく、エンジニアになりたい人が無料のプログラミングスクールに行くべき理由【2019年12月の最新】

有料や無料のプログラミングスクールが多すぎて、どこにしようか迷っています。 無料のプログラミングスクールは、お得そうに見えますが、実際の所はどうですか? メリットやデメリットなどがあれば教えて下さい。 無料のスクールを推す理由 まずは、私が ...

続きを見る


自分がプログラミングスクールに行っても大丈夫か知りたい人は、この記事を読んで下さい

プログラミングスクールに通って挫折する人と上手くいく人の違い

スクールに通っている人の3パターン プログラミングスクールに通っている人のパターンを整理すると、以下の3パターンに分かれます。 それぞれのタイプの特徴を、もう少し詳細に説明していきます。 それぞれのタイプの特徴 大した努力をせずに文句ばかり ...

続きを見る


ゼロからWebエンジニアになりたい人は、この記事を読んで下さい

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

ちまたには、「エンジニアになるための情報」で溢れかえっています。 ジョージさんが考える「Webエンジニアになる方法」を教えて下さい。 私が定義するWebエンジニア まず、最初に以下の図を見て下さい。 これが、Web業界で働く人達の大分類です ...

続きを見る


独学で実務っぽい経験を積みたい人は、この記事を読んで下さい

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

エンジニアとして就職するためには実務経験が大事だと聞いていますが、就職しないことには実務経験を積むことができません。 どうやって、最初の実務経験を積んだらいいでしょうか? スクールの理想と現実 これからプログラミングを学ぼうとしている人が描 ...

続きを見る

関連コンテンツ

-JavaScript, プログラミング

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