Contenu connexe Plus de Takenori Nakagawa (12) 前期講座085. Web ブラウザで動くプログラミング言語
HTML を動的に操作できる
HTML5 の API を利用するとブラウザを介して次の
ようなことができる。(一部紹介)
非同期通信 (XMLHttpRequest)
2D, 3D 画像の描画 (Canvas, WebGL)
リアルタイム通信 (WebSocket API)
P2P 通信 (WebRTC)
位置情報の取得 (Geolocation API)
ファイルの操作 (File API)
8. 変数とは、値を格納する箱
変数には型があり、 JavaScript には次の 7 種類があ
る
Number (数値)
String (文字列)
Boolean (真偽値)
Function (関数) ※次の回で説明する
RegExp (正規表現) ※前期講座では扱わない
Array (配列)
Object (連想配列、ハッシュ)
9. var を使って宣言する
C 言語と異なり、型を宣言しない
値によって型が決まる
var num = 8;
var str = "ネットワーク講座"
var is8 = true;
var arr = [1, 2, 3, 4, 5, 6, 7, 8];
var obj = {
title: "ネットワーク講座",
index: 8
};
10. 数値 (整数、小数の両方を扱う)
var n = 8;
var m = 9;
// 四則演算 (ブラウザで実行してみよう)
console.log(n + m);
console.log(n - m);
console.log(n * m);
console.log(n / m);
console.log(n % m);
11. 文字列 (char 型は存在しない)
var str = "ネットワーク講座";
// String のプロパティ、メソッドの呼び出し
console.log(str.length);
console.log(str.slice(6, 8));
console.log(str[0]);
// 文字列の連結
var s = "08";
console.log(str + s);
12. 真偽値
true か false の どちらかの値を持つ
if や for, while などの制御構文で使われる
// 変数 bool を true で初期化
var bool = true;
console.log(bool);
// 代入
bool = false;
console.log(bool);
// 比較した結果の代入
bool = 124 % 2 === 0;
console.log(bool);
13. 値を一列に格納して扱う
var fruits = ["りんご", "みかん", "バナナ
", "キウイ"];
// Array のプロパティ、メソッドの呼び出し
console.log(fruits.length);
console.log(fruits[0]);
console.log(fruits.join("と"));
14. 値と key と value のペアにして扱う
index を自由に指定できる配列 (連想配列)
var obj = {
title: "ネットワーク講座",
sub_title: "JavaScript 基礎Ⅰ",
index: 8
};
// title, sub_title, index は obj のプロパティになっている
console.log(obj);
console.log(obj.title);
console.log(obj.sub_title);
console.log(obj.index);
16. 比較演算子
== 等しい
!= 等しくない
=== 厳密に等しい (型も比較対象)
!== 厳密に等しくない (型も比較対象)
> より大きい
>= 以上
< より小さい
<= 以下
論理演算子
&& AND
|| OR
! NOT
17. 条件式を満たす場合 (true の場合) に実行される
if (条件式) {
/* 実行されるコード */
}
例
var n = 55;
if (n % 2 !== 0) {
console.log(n + " は奇数");
}
18. if の後に使い、条件式を満たさない場合 (false の場合) に実行される
if (条件式) {
/* 条件式が true の場合に実行されるコード */
} else {
/* 条件式が false の場合に実行されるコード */
}
例
var n = 55 + 1;
if (n % 2 !== 0) {
console.log(n + " は奇数");
} else {
console.log(n + " は偶数");
}
20. if, else は条件によって実行するコードが 1 行の場合は中括弧 {} を省略できる
if (条件式) /* 条件式を満たす場合に実行される */
else /* 条件式を満たさない場合に実行される */
つまり、 else if は次を省略して記述したもの
if (条件 A) {
// A
} else {
if (条件 B) {
// B
} else {
// C
}
}