回答編集履歴

値に焦点を絞って全面的に変更

2016/05/04 07:43

投稿

flat

スコア617

test CHANGED Viewed

@@ -1,57 +1,189 @@
-###0は値に0という数値が存在していることを表す
+###あらすじ
-電卓で計算をして計算結果の値が0だったとき、ディスプレイにはそのまま0が表示されます。
+JavaScriptを最近学び始めた見習いエンジニアの山田さん。
-JavaScriptも同じように、値が0だったときはそのまま0を返します。
+今日の仕事を終えて帰宅する途中の山田さんは買い物をするために近所のスーパーへ向かうようです。
-つまり「田中君、今月の君の営業成績は？成約はいくつ取れたのかね？」という問いに対して「……0です。成約はひとつも取れませんでした……」という返事が返ってきたわけです。
+###第一章「null - 値に内容が無いことを明示するための宣言」
-また、「0」の必要性は語るまでもないかもしれませんが、配列の要素の位置などは0から始まりますし、プログラミング以外でも「0度(温度)」「x軸とy軸の0」「経度と緯度の0」「海抜0メートル」「0円(無料)」などの情報を扱うときに0は必要です。
+山田さんは、まず好物である暴君ハ○ネロを買おうとお菓子売り場へ行きました。
+しかし、暴君ハ○ネロが置いてあるはずの売り場には肝心の商品がありません。
+店員さんに在庫はないか尋ねてみたところ、店員さんはこう答えました。
-###nullは該当するプロパティに値が存在しないことを表す
+「暴君ハ○ネロは某外国人団体の爆買いで全部売り切れてしまいまして、今日はもう在庫がないんですよ」
-nullというのはオブジェクトのプロパティに該当する値が存在しないことを表します。
+なんということでしょう。
-洋菓子店で「モンブランください」という注文をしたら「申し訳ございません、ただいま材料の確保が大変難しくなっており、本日はモンブランをお取り扱いしておりません」という返事が返ってきたとイメージしてみてください。
+```JavaScript
+var tyrant_haxxnero_stock = null;
-この場合、洋菓子店がオブジェクト、モンブランという品目がプロパティ、モンブランという商品そのものがプロパティの値で、品目はあるけど商品は取り扱っていない = 存在しない(売り切れて0になったのではない)ことになります。
+console.log('暴君ハ○ネロの在庫:', tyrant_haxxnero_stock);
+```
-なお、nullはJavaScriptにおいては型のひとつであり、null型の値は型と同名のnullのみが認められているので、結果としてnullという値が返ってきたら、その型もnull型ということになります。
+「在庫が存在しない」と言われてがっくりと肩を落とした山田さんでしたが、無いものは仕方がありません。
+山田さんは買い物を続けるため、別の売り場へと行くことにしました。
-###undefinedはプロパティそのものが存在しないことを表す
+###第二章「0 - 数値を表している」
+商品をかごに入れた山田さんはレジへ向かいました。
-undefinedは未定義という意味で、参照したプロパティが定義されていないことを表しています。
+そしていつものようにポイントカードを提示すると、店員さんがこう尋ねてきました。
-洋菓子店で「みそラーメンください」という注文をしたら「申し訳ございません、当店ではみそラーメンは取り扱っておりません」という返事が返ってきたとイメージしてみてください。
-この場合、洋菓子店がオブジェクト、みそラーメンという品目がプロパティで、みそラーメンは取り扱っていない(洋菓子店の品目として定義されていない)ことになります。
+「500円分お値引きできるポイントが貯まっています。今お使いになられますか？」
----
+店員さんの問いに山田さんは「はい、お願いします」と答えました。
+すると、商品をレジに通し終えた店員さんが何かに気づいたような素振りでこう言いました。
-イメージのしやすさを重視して、理解の取っ掛かりにできそうなざっくりとした説明にしてみました。
+「お会計は0円ですね」
+どうやら買い物の金額は丁度500円だったようです。
+そして500円の値引きにより会計は0円。
+受け取ったレシートにも「合計 ￥0」と印刷されています。
+つまり無料です。
+```JavaScript
+// その数値が何の意味を持つのかはその時々で異なる(数・位置・距離・時間・サイズ等々)
+var price = 500;
+var discount = -500;
+var payment = price + discount;
+console.log('会計:', payment);
+```
+会計を済ませた山田さんは少し得した気分を味わいながら店を出ました。
+###第三章「undefined - まだ値に何も代入されていないことを表す」
+買い物を済ませた山田さんは夕食をとろうと定食屋に入ります。
+そして席に着いた山田さんがメニューを見ていると「煮込み雑炊」の文字が目に飛び込んできました。
-(私自身初心者のようなものなので、認識に誤りがあるかもしれません)
+完全に煮込み雑炊の舌になった山田さんは早速店員さんに注文します。
+しかし店員さんの返事は期待したものではありませんでした。
+「あ…ごめんなさい。それ、来月からなんですよ。ごめんなさいね」
+返ってきた答えに落胆した山田さんは改めて煮込み雑煮を注文しましたが、煮込み雑煮も来月からだと言われて意気消沈してしまい、結局別のものを頼んで食べました。
+食事を終えた山田さんは、死んだ魚のような目をしながら帰宅しました。
+```JavaScript
+// null も含めて値に何も代入されていないときに返ってくる初期値
+var nikomizousui;
+var nikomizouni;
+console.log('煮込み雑炊:', nikomizousui);
+console.log('煮込み雑煮:', nikomizouni);
+```
+「メニューには書いてあるけどまだ用意していない」という予想だにしない出来事にショックを受けた山田さん。
+その日の夜は枕を濡らしながら眠りにつきました。
+###後書き
+これでざっくりとしたイメージを掴んでもらって「違うんだ」と何となくでも分かってもらったら、その後に「JavaScriptには型というものがあって、こういう型があるんだよ～」と型の説明をする感じでどうでしょうか。
+```JavaScript
+var tyrant_haxxnero_stock = null;
+var price = 500;
+var discount = -500;
+var payment = price + discount;
+var nikomizousui;
+// 0 と null の型も含めた厳密な比較
+console.log( payment === tyrant_haxxnero_stock );
+// 0 と undefined の型も含めた厳密な比較
+console.log( payment === nikomizousui );
+// null と undefined の型も含めた厳密な比較
+console.log( tyrant_haxxnero_stock === nikomizousui );
+```

修正

2016/05/04 07:43

投稿

flat

スコア617

test CHANGED Viewed

@@ -26,7 +26,7 @@
 洋菓子店で「モンブランください」という注文をしたら「申し訳ございません、ただいま材料の確保が大変難しくなっており、本日はモンブランをお取り扱いしておりません」という返事が返ってきたとイメージしてみてください。
-この場合、洋菓子店がオブジェクト、モンブランという品目がプロパティ、モンブランという商品そのものがプロパティの値で、品目はあるけど商品は存在しない(売り切れて0になったのではなく、元から商品が存在しない)ことになります。
+この場合、洋菓子店がオブジェクト、モンブランという品目がプロパティ、モンブランという商品そのものがプロパティの値で、品目はあるけど商品は取り扱っていない = 存在しない(売り切れて0になったのではない)ことになります。

やや修正

2016/04/26 03:59

投稿

flat

スコア617

test CHANGED Viewed

@@ -24,9 +24,9 @@
-洋菓子店で「モンブランください」という注文をしたら「申し訳ございません、モンブランはただいま売り切れております」という返事が返ってきたとイメージしてみてください。
+洋菓子店で「モンブランください」という注文をしたら「申し訳ございません、ただいま材料の確保が大変難しくなっており、本日はモンブランをお取り扱いしておりません」という返事が返ってきたとイメージしてみてください。
-この場合、洋菓子店がオブジェクト、モンブランという品目がプロパティ、モンブランという商品そのものがプロパティの値です。
+この場合、洋菓子店がオブジェクト、モンブランという品目がプロパティ、モンブランという商品そのものがプロパティの値で、品目はあるけど商品は存在しない(売り切れて0になったのではなく、元から商品が存在しない)ことになります。