Webページで学ぶJavaScript2013 第1回

Webページで学ぶ
JavaScript 2013 第1回
tyage@KMC
5/21

本来なら
ここにイカした挨拶の言葉が入る

記念すべき第1回目です

前回来てない人は
どれくらいいるんです？

さっそく始めてみましょう
（前回来た人は復習になりますね）

ここから先は第0回の
スライドを参照するのじゃ

ほんとうはJavaScriptの歴史とか話したかったんですが
新しい呪文を習得しましょう

第0回では、
数値・文字列・配列・変数
を習得

次にやること
● 複数行実行しよう
● 文を分けよう
● 制御構文
○ if
○ switch
○ for
○ while

複数行実行しよう
コンソールで複数行入力する場合には
Shift + Enterを使います
ni = 1 + 1
san = ni + 1
=> 3
最後の行が出力されます

複数行実行しよう
console.log を使えば出力することができます
ni = 1 + 1
console.log(ni)
san = ni + 1
=> 2
3

文を分けよう
各文の末尾に ; を入れましょう
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

真偽値を使おう
JavaScriptには真偽値というものがあります。
true（真）とfalse（偽）の2つのことをまとめて真偽値
と読んでいます。
confirm("ニンゲンヤメマスカ？");
=> true
isPeople = false;
=> false

比較文
比較文は真偽値を返します
551 == 551 => true
551 == 550 => false
33 > 4 => true
33 < 4 => false
3*4 >= 12 => true
"バナナ" == "おやつ" => false
(===というのもありますが、またあとで)

and と or
and（かつ）
false && false => false
true && false => false
true && true => true
or（または）
false || false => false
true || false => true
true || 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;
}

Webページで学ぶJavaScript2013 第1回

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (6)

More from 京大マイコンクラブ

More from 京大マイコンクラブ (20)