25. Copyright Ⓒ Yoshihiro Takahashi 2014 All Rights Reserved. 25
配列を使おう
• 配列
– CDケースみたいなもの・・・です。
26. Copyright Ⓒ Yoshihiro Takahashi 2014 All Rights Reserved. 26
配列
• オブジェクトを作成します。
var a = new Array();
例 a[0] = 100;
a[1] = 200;
a[2] = 300;
27. Copyright Ⓒ Yoshihiro Takahashi 2014 All Rights Reserved. 27
配列の特徴
• []の中に変数が使える
a[ 変数 ]
28. Copyright Ⓒ Yoshihiro Takahashi 2014 All Rights Reserved. 28
配列
• 記述例
var a = new Array();
a[0] = ‘ABC’;
a[1] = ‘DEF’;
a[2] = ‘GHI’;
var a = new Array(‘ABC’, ‘DEF’, ‘GHI’);
37. Copyright Ⓒ Yoshihiro Takahashi 2012 All Rights Reserved. 37
日時の取得例
var now = new Date();
var hour = now.getHours();
console.log(hour);
実際に入力して、ブラウザで確認
してみましょう
38. Copyright Ⓒ Yoshihiro Takahashi 2012 All Rights Reserved. 38
Date()の内容
• Dateオブジェクトを生成
– var now = new Date();
• 主に取得できるデータ
– getDate():日にちを参照する
– getDay():曜日を参照する(0~6、日曜~土曜)
– getFullYear():4桁の西暦年を参照する
– getHours():現在の時を参照する
– getMilliseconds():ミリ秒(1000=1秒)を参照する
– getMinutes():分を参照する
– getMonth():月を参照する(0~11、1月~12月)
– getSeconds():秒を参照する
39. Copyright Ⓒ Yoshihiro Takahashi 2012 All Rights Reserved. 39
日時の取得方法
• 日付・時間を取得し、変数に代入
var hour = now.getHours();
40. Copyright Ⓒ Yoshihiro Takahashi 2012 All Rights Reserved. 40
変数について
• 変数とは
– 値を入れるための「入れ物」
– 値(数字など)を変化させたい場合に使用する
– 「 var 変数 」 で、変数の宣言(作成)
– 「 変数 = 値 」で、変数に値を代入
• 記述例
var 変数 = 値 ;
var 変数 = ‘文字’ ; // 文字はシングルクォート ‘’ で囲む
var 変数 = 値, 変数 = ‘文字’; // カンマ, で複数宣言
60. Copyright Ⓒ Yoshihiro Takahashi 2012 All Rights Reserved. 60
デジタル時計の特徴
• 年を除く各項目の値が0~9の時は、数字
の前に0を追加してみよう。
– if文を使うと簡単です。
61. Copyright Ⓒ Yoshihiro Takahashi 2012 All Rights Reserved. 61
条件分岐(if文)
if (条件式1) {
実行したい処理;
}
else if (条件式2) {
実行したい処理;
}
else{
実行したい処理;
}
条件式1が成立したとき、
{ }の中を実行する
条件式1が成立せず、
条件式2が成立したとき、
{ }の中を実行する
条件式1と条件式2が
成立しないとき、{ }の
中を実行する
62. Copyright Ⓒ Yoshihiro Takahashi 2012 All Rights Reserved. 62
条件式の設定方法
• 比較演算子
A == B (等しい)’3’ == 3
A === B (厳密に等しい)3 === 3
A > B (より大きい)
A < B (より小さい)
A >= B (以上)
A <= B (以下)
A != B (等しくない)
A !== B (厳密に等しくない)’3’ !== 3
70. Copyright Ⓒ Yoshihiro Takahashi 2012 All Rights Reserved. 70
曜日を簡単に表示する
• 配列を利用
– CDケースみたいなもの・・・です。
71. Copyright Ⓒ Yoshihiro Takahashi 2014 All Rights Reserved. 71
配列
• オブジェクトを作成します。
var a = new Array();
例 a[0] = 100;
a[1] = 200;
a[2] = 300;
72. Copyright Ⓒ Yoshihiro Takahashi 2014 All Rights Reserved. 72
配列の特徴
• []の中に変数が使える
a[ 変数 ]
73. Copyright Ⓒ Yoshihiro Takahashi 2014 All Rights Reserved. 73
配列
• 記述例
var a = new Array();
a[0] = ‘ABC’;
a[1] = ‘DEF’;
a[2] = ‘GHI’;
var a = new Array(‘ABC’, ‘DEF’, ‘GHI’);