簡単にJavaScriptの基本をさらう
ドットインストールを参考に。
JavaScriptに関することはMDN(Mozilla Developer Network)を見るといいらしい。
<script></script>タグ
- HTMLファイル内の<body></body>タグの間に記述する。
コメントアウト
- // 一行のコメント
- /* 複数行のコメント */
変数の宣言
- var 変数名;
- var 変数名 = "hello";
- var 変数名1, 変数名2;
- var 変数名1 = "hello", 変数名2 = "world";
コンソールにメッセージを出力
- console.log("hello");
- console.log(変数名);
文字列
- 文字列はシングルクォーテーション、ダブルクォーテーションのどちらでもいい
- シングルクォーテーションなどを文字として扱いたい場合はエスケープ文字「\」を使用する
- \n:改行
- \t:タブ
- 文字列の連結は「+」:"a" + "b"
条件分岐
if (cnt > 10) { } else if (cnt > 0) { } else { }
比較演算子
- >、<
- >=、<=
- ===(==でもいいが、厳密に比較するには===を使うように)
- !== (!=、厳密に比較するには!==)
真偽値
- 文字列:空文字以外はTrue
- 数値:0、NaN以外はTrue
- object:null以外はTrue
- undefined、nullはFalse
三項演算子
var a, b, c; if () { a = b; } else { a = c; } a = () ? b : c;
var max, x, y;
max = (x > y ) ? x : y;
条件分岐
switch () { case "": console.log(""); break; default: console.log(""); break; }
ループ処理
var i = 0; while (i < 10) { console.log(i); i++; }
var i = 0; do { console.log(i); i++; } while (i < 10);
for (var i = 0; i < 10; i++) { console.log(i); }
ループを抜ける
- break:ループを抜ける
- continue:ループを1回スキップする
ダイアログを表示
- alert():ダイアログを表示
alert("hello!!");
- confirm():「OK」「キャンセル」ボタンのついたダイアログを表示、返り値あり
var answer = confirm("~~~?"); console.log(answer); if (confirm("~~~?")) { // 処理; }
- prompt():テキスト入力欄のあるダイアログを表示、返り値あり
var name = prompt("~~~?"); console.log(name); // テキスト入力欄に初期値を設定可能 var name = prompt("~~~?", "初期値");