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;
}
Top Related