webページで学ぶjavascript2013 第1回
TRANSCRIPT
Webページで学ぶJavaScript 2013 第1回
tyage@KMC5/21
本来なら
ここにイカした挨拶の言葉が入る
記念すべき第1回目です
前回来てない人はどれくらいいるんです？
さっそく始めてみましょう（前回来た人は復習になりますね）
ここから先は第0回のスライドを参照するのじゃ
まだ時間あるよね？
ほんとうはJavaScriptの歴史とか話したかったんですが
新しい呪文を習得しましょう
第0回では、数値・文字列・配列・変数を習得
次にやること
● 複数行実行しよう● 文を分けよう● 制御構文
○ if○ switch○ for○ while
次にやること
● 複数行実行しよう● 文を分けよう● 制御構文
○ if○ switch○ for○ while
複数行実行しよう
コンソールで複数行入力する場合にはShift + Enterを使います
ni = 1 + 1san = ni + 1 => 3
最後の行が出力されます
複数行実行しよう
console.log を使えば出力することができます
ni = 1 + 1console.log(ni)san = ni + 1 => 2 3
次にやること
● 複数行実行しよう● 文を分けよう● 制御構文
○ if○ switch○ for○ while
文を分けよう
各文の末尾に ; を入れましょう
ni = 1 + 1 console.log(ni) san = ni + 1 => SyntaxError: Unexpected identifier
ni = 1 + 1; console.log(ni); san = ni + 1; => 2 3
文を分けよう
改行する場合にも ; を入れましょう。（問題が発生する場合があります。）
ni = 1 + 1;console.log(ni);san = ni + 1; => 2 3
次にやること
● 複数行実行しよう● 文を分けよう● 制御構文
○ if○ switch○ for○ while
ifを使おう
その前に
真偽値を使おう
真偽値を使おう
JavaScriptには真偽値というものがあります。
true（真）とfalse（偽）の2つのことをまとめて真偽値と読んでいます。
confirm("ニンゲンヤメマスカ？"); => true
isPeople = false; => false
比較文
比較文は真偽値を返します
551 == 551 => true551 == 550 => false33 > 4 => true33 < 4 => false3*4 >= 12 => true"バナナ" == "おやつ" => false
(===というのもありますが、またあとで)
and と orand（かつ）
false && false => falsetrue && false => falsetrue && true => true
or（または）
false || false => falsetrue || false => truetrue || true => true
!! を使うと真偽値を反転できます
!(33 < 4) => true
"バナナ" != "おやつ" => true
これを念頭に本題に戻ります
ifを使おう
if: もし〜なら
if (true) {"今日は給料日よ！";} => "今日は給料日よ！"
if (false) {"今日は給料日よ！";} =>
ifを使おう
gogoichi = "ある時";if (gogoichi == "ある時") {
console.log("551が" + gogoichi + "〜？");console.log("ワハハハハ('∀`)");
} => 551がある時〜？
ワハハハハ('∀`)
ifを使おう
else を使えばない時の文を実行できる
gogoichi = "ない時";if (gogoichi == "ある時") {
"ワハハハハ('∀`)";} else {
"...";} => "..."
ifを使おう
条件文いろいろ
if (gogoichi == "めっちゃある") {// 略
} else if (gogoichi == "ある") {} else if (gogoichi == "少しある") {} else {}
switchを使おうswitch (gogoichi) {
case "めっちゃある":console.log("幸せの絶頂");
case "ある":console.log("幸せ");break;
case "少しある":console.log("平和");break;
default:console.log("死にたい");break;
}
switchを使おうyou = prompt("あなたは誰ですか？");switch (you) {
case "タコ":case "サンマ":
console.log("魚介なのですね");break;
case "きゅうり":console.log("野菜なのですね");break;
default:console.log("何者だ！");break;
}